187.gulp介绍和安装

安装gulp

使用gulp自动化开发流程，配置好gulp后，能够自动给咱们处理好一些工做，好比写完css后，要压缩成.min.css,写完js后，要进行相关的图片压缩等，这些工做均可以让gulp帮咱们完成。

1.建立本地包管理环境

使用npm init 能够在本地生成一个package.json文件，package.json文件用来记录当前这个项目依赖了哪些包，之后别人拿到项目以后，不须要将node_modules文件进行拿到(由于node_modules文件都是相关的安装包，比较大)，只须要进入项目目录中执行命令：npm install 就能够了，就会自动的安装package.json下devDependencies中指定的安装包。

2. 安装gulp

gulp的安装很是简单，只要使用npm命令安装便可，可是由于gulp须要做为命令行的方式运行，所以，须要安装在系统级别的目录中。

执行命令：npm install gulp -g

由于在本地也一样须要使用required的方式，所以也须要在本地安装一份：

执行命令：npm install gulp --save-dev

--save-dev是将安装的包添加到package.json下的devDependenceies依赖中，以后就能够直接使用npm install便可自动安装，devDependencies这个是用来记录开发环境下使用的包，若是想要使用记录生产环境下使用的包，那么在安装的时候使用npm install xx --save 就能够将安装的包记录到package.json下的dependencies中，dependencies是专门用来记录生成环境下的依赖包的！