前端工程化框架/工具
前端工程化工具
node.js
Node.js是一个事件驱动I/O伺服端JavaScript环境，基于Google的V8引擎。目的是为了提供撰写可扩充网络程序，如Web服务。Node.js并不是在Web浏览器上执行，而是一种在服务器上执行的Javascript伺服端JavaScript。Node.js实作了部份CommonJS规格（Spec）。Node.js包含了一个互动测试REPL环境。[wiki]
npm
npm 是 node.js 用来下载及安装套件的工具
bower（弃用）
bower 由 Twitter 团队研发，能自动下载安装 CSS 及 JavaScript 套件，并可自动处理相依性，角色与 NuGet 相当
grunt
Grunt 是一个 Task Runner，常用来执行 JS/CSS 打包压缩、SASS/LESS/CoffeeScript 编译、单元测试… 等工作，常被拿来当成前端开发自动化的引擎。
gulp
用来简化 Grunt 设定，透过 gulpfile.js 按排作业流程：task, run, watch, src, dest
- npm -g install gulp
- npm install —save-dev gulp （安装到项目目录，限定开发才用到）
- npm install gulp-compass —save-dev （gulp-compass 是常用 Gulp 外挂，内含大量 Mixin 定义）
一种常见应用是让 Gulp 透过 watch 目录，一旦档案发生异动，就立即启动编译、打包等动作，实现连续整合的目标。
webpack
Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。
IDE
- Hbuild apiclound：http://www.dcloud.io/
- VSCode
- WebStorm