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是專門用來記錄生成環境下的依賴包的！