gulp 打包工具
可以對項目的資源進行壓縮和優化 js/css/html/圖片等文件的的測試、檢查、合並、壓縮、格式化、瀏覽器自動刷新、部署文件生成，並監聽文件在改動后重復指定的這些步驟。
npm root -g 查看npm安裝的全局目錄在里面
E:\nodejs\node_global\node_modules
修改成一個方便的目錄
E:\nodejs\node_global\node_modules
1. 在NodeJS安裝路徑下新建兩個文件夾node_global與node_cache
npm config set prefix "E:\nodejs\node_global"
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "E:\nodejs\node_cache"
npm config set cache "C:\Program Files\nodejs\node_cache"
首先，在“系統變量”中新建一個名為NODE_PATH的變量，變量值為：新建的用於存放全局模塊的文件夾中的node_modules文件夾的絕對路徑。（告訴系統用戶下載的全局模塊在此處）。
NODE_PATH：E:\nodejs\node_global\node_modules
C:\Program Files\nodejs\node_global
PATH : %NODE_PATH%;E:\nodejs\node_global;
%NODE_PATH%;C:\Program Files\nodejs\node_global;
%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\;E:\nodejs\;E:\wamp\mysql\bin;%NODE_PATH%;E:\nodejs\node_global;E:\git\Git\cmd;E:\svn-server\bin;E:\svn-client\bin;%NODE_PATH%;E:\nodejs\node_global;
npm root -g 再檢測一下npm全局目錄是否有修改成功
全局安裝 項目內部安裝
全局安裝 就直接放到nodejs 是設置的全局目錄
項目的內部安裝：只是安裝到項目的內部 並且在當前項目的文件夾中生成node_modules
1、全局安裝
cnpm install gulp -g
檢測是否安裝成功
gulp --version
后面所有的操作都是在項目目錄下面執行的
新建package.json文件(包文件)
cnpm init
本地安裝gulp插件
cnpm install gulp --save
cnpm install gulp@3.9.1 --save 指定版本
--save 安裝包信息將加入到dependencies（生產階段的依賴）
--save-dev 安裝包信息將加入到devDependencies（開發階段的依賴）
新建gulpfile.js文件
gulpfile.js是gulp項目的配置文件，是位於項目根目錄的普通js文件
安裝gulp的插件來進行項目的優化
gulp-imagemin 圖片壓縮
cnpm install gulp-imagemin --save
cnpm install gulp-minify-css --save 壓縮css插件
cnpm install gulp-uglify --save 壓縮js
cnpm install gulp-concat --save js合並
cnpm install gulp-autoprefixer --save 瀏覽器前綴
cnpm install gulp-rev-append --save 給頁面添加版本號
bower 360軟件管理
安裝
cnpm install bower -g
設置下載目錄
.bowerrc 文件
{
"directory" : "assets/plugin"
}
bower初始化 項目目錄里面執行
bower init
查找 bootstrap
bower search bootstrap
查看包的信息
bower info bootstrap
包安裝
bower install bootstrap --save
包更新
bower update
包的卸載
bower uninstall bootstrap