nodejs自定義全局系統環境配置

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

一、全局安裝

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