vue全家桶進階之路4：NPM包

　　NPM（Node Package Manager）是 Node.js 的包管理工具，用來安裝各種 Node.js 的擴展。

　　NPM是 JavaScript 的包管理工具，也是世界上最大的軟體註冊表。有超過 60 萬個 JavaScript 代碼包可供下載，每周下載約 30 億次。NPM讓 JavaScript 開發人員可以輕鬆地安裝、使用、共用、分發代碼，管理項目依賴項目。NPM是Node.js的預設管理工具，所以在安裝Node.js的時候就已經包含了NPM。

　　Node.js是JavaScript運行環境，NPM是Node.js預設的包管理工具，所以安裝了Node.js，NPM也就有了。

1. 下載安裝：Node.js 官網中文版：https://nodejs.org/zh-cn/
2. 驗證安裝是否成功或查看版本：
   • 查看Node.js版本方法：node -v
   • 查看NPM的版本方法：npm -v
   • 
3. 配置Node.js環境(NPM全局安裝路徑，可以自定義，按照預設設置也可以。)
   • 預設安裝位置：c:\Users\用戶名\AppData\Roaming\npm
   • 自定義位置：
     • 例如：node的安裝路徑為D:\Program Files\nodejs
     • 首先在node的安裝目錄下設置2個文件夾，node_global和node_cache
     • 全局路徑cmd命令：npm config set perfix "D:\Program Files\nodejs\node_global"
     • 緩存路徑cmd命令：npm config set cache"D:\Program Files\nodejs\node_cache"
   • 設置環境變數
     • 目的：任何目錄下都可以使用NPM命令。
     • 設置位置為：用戶變數（當前用戶可用）或系統變數（所有用戶可用）
     • 設置環境變數：在用戶變數下新建NODE_PATH,變數值設置為全局路徑npm config set perfix "D:\Program Files\nodejs\node_global
     • 編輯用戶變數下的path，新建並輸入全局路徑"D:\Program Files\nodejs\node_global
4. NPM初始化項目
   • 初始化動作在項目文件夾下進行，所以需要cmd進入到項目文件夾。例如:D:\BaiduSyncdisk\npm-demo1
   • 自定義參數初始化命令：npm init，然後按照提示操作，最後y確認。
   • 預設參數初始化命令：npm init -y,參數按照系統預設執行。
   • 初始化完成後，目錄下會生成一個package.json文件。
   • 安裝package.json兩種的依賴包命令(此步驟取決於有無package裡面有無設置依賴)：npm install
5. 安裝模塊（JS庫）
   • 本地安裝：npm install  模塊名
     • @指明版本號：npm install [email protected]
     • ^次要版本和小版本最新，大版本不變，3是大版本，4是次要版本，1是小版本。
     • ~小版本最新，大版本和次要版本不變
     • latest 安裝最近
   • 全局安裝：npm install  模塊名 -g
   • 本地安裝針對本項目，全局安全共同使用 
   • 查看npm模塊的全局安裝位置：npm root -g
   • 

   •  

     查看所有全局安裝的JS庫：npm list -g 或者簡寫 npm ls -g

   • 

6. 生產環境依賴和開發環境依賴的安裝
   • 值得註意的是，依賴的安裝是在項目下進行的，換言之，只有安裝了依賴，你拿到的項目才能運行。
   • 生產環境依賴在package.json中的位置：dependencies,簡稱dep
     • 安裝命令：npm install 模塊名 --save， 或者npm install 模塊名 --s，或者npm install 模塊名 -S
   • 開發環境依賴在package.json中的位置：devdependencies,簡稱dev
     • 安裝命令：npm install 模塊名 --save-dev， 或者npm install 模塊名 -D
7. CNPM命令安裝
   • npm 是從國外伺服器下載安裝
   • cnpm是從國內伺服器安裝
   • cnpm安裝：npm install -g cnpm --registry=https://registry.npm.taobao.org
   • cnpm安裝成功後就可以使用cnpm install了

NPM命令大全：

1、設置npm路徑
#全局安裝路徑
npm config set prefix "D:\Program Files\nodejs\node_global"
#緩存路徑
npm config set cache "D:\Program Files\nodejs\node_cache"

2、設置鏡像
#1,淘寶鏡像源
npm config set registry https://registry.npmmirror.com
npm config set registry https://registry.npm.taobao.org

#2,騰訊雲鏡像源
npm config set registry http://mirrors.cloud.tencent.com/npm/

#3,華為雲鏡像源
npm config set registry https://mirrors.huaweicloud.com/repository/npm/

# 官方預設全局鏡像
npm config set registry https://registry.npmjs.org

#檢查當前鏡像
npm config get registry

3、常用命令簡寫說明
-g： #--global 的縮寫，表示安裝到全局目錄里
-S： #--save 的縮寫，表示安裝的包將寫入package.json裡面的dependencies
-D： #--save-dev 的縮寫，表示將安裝的包將寫入packege.json裡面的devDependencies
i： #install的縮寫，表示安裝

4、安裝模塊
npm init # npm 初始化當前目錄
npm i # 安裝所有依賴
npm install # 安裝所有依賴
npm i express # 安裝模塊到預設dependencies
# 安裝指定版本和臨時源
npm install -g [email protected] --registry=https://registry.npm.taobao.org

npm i express -g # 會安裝到配置的全局目錄下
npm i express -S # 安裝包信息將加入到dependencies生產依賴
npm i express -D # 安裝包信息將加入到devDependencies開發依賴

5、卸載模塊
npm uninstall express # 卸載模塊，但不卸載模塊留在package.json中的對應信息
npm uninstall express -g # 卸載全局模塊
npm uninstall express --save # 卸載模塊，同時卸載留在package.json中dependencies下的信息
npm uninstall express --save-dev # 卸載模塊，同時卸載留在package.json中devDependencies下的信息

6、更新模塊
npm update express # 更新最新版本的express
npm update [email protected] # 更新到指定版本號的express
npm update express@latest # 更新到最後的新版本

7、查看命令
npm -v #查看版本號
npm root # 查看項目中模塊所在的目錄
npm root -g # 查看全局安裝的模塊所在目錄
npm list 或者 npm ls # 查看本地已安裝模塊的清單列表
npm view express dependencies # 查看某個包對於各種包的依賴關係
npm view express version # 查看express最新的版本號
npm view express versions # 查看所有express歷史版本號（很實用）
npm view express # 查看最新的express版本的信息
npm info express # 查看express的詳細信息，等同於上面的npm view express
npm list express 或 npm ls express # 查看本地已安裝的express的詳細信息
npm view express repository.url # 查看express包的來源地址

8、其他命令
npm cache clean # 清除npm的緩存
npm prune # 清除項目中沒有被使用的包
npm outdated # 檢查模塊是否已經過時
npm repo express # 會打開預設瀏覽器跳轉到github中express的頁面
npm docs express # 會打開預設瀏覽器跳轉到github中express的README.MD文件信息
npm home express # 會打開預設瀏覽器跳轉到github中express的主頁

9、通過使用淘寶定製的cnpm安裝
npm install -g cnpm --registry=https://registry.npmmirror.com
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 查看版本號
cnpm -v