前端工程化开发环境

# IDE

Hbuild apiclound：http://www.dcloud.io/

 

# 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 目录，一旦档案发生异动，就立即启动编译、打包等动作，实现连续整合的目标。