前端自动化构建工具

gulp

概念

　　自动化构建工具，能够优化前端的工作流程，更加效率的开发，比如编码的时候，它会自动帮你刷新页面，压缩你的js，css代码，编译less等等。总之，通过gulp和grunt，配置一些插件，你很多繁琐的需要手动操作的事情它自动帮你完成，非常高效率，nice！

npm

npm是node package manager的简称，它是Nodejs的包管理器，用于node插件的管理，如安装，卸载，依赖管理等

安装插件：npm install <name> [-g] [--save-dev]

 

--save-dev是将当前插件加入package.json里面的devDependencies去，就是开发所依赖的插件，然后其他开发者就可以根据这个json文件去下载所需要的插件,在文件目录下的命令行里直接输入npm install就可以下载这些插件了。

全局安装gulp是为了方便调用gulp的一些命令，本地安装是为了使用gulp插件。

 

package.json : dev: 开发环境下所依赖的包,dep: 开发过程中所需要的包。 script: 省略写法。

安装步骤：

1）安装cnpm

     npm install -g cnpm --registry=https://registry.npm.taobao.org

2）安装gulp

     cnpm i gulp -g

3）使用npm init在项目目录中生成package.json文件

     npm init

4）本地下载插件

     cnpm install gulp --save-dev

     cnpm install gulp-clean-css --save-dev