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

標籤：其他

上一篇：Vue2回應式原理

下一篇：記錄--用three.js渲染真實的下雨效果