前端自動化構建工具

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