【整理分享】前端開發必備的 npm 常用指令

npm源設定

• 查詢當前源設定

npm get registry

• 設定淘寶映象源（淘寶映象新域名）

npm config set registry https://registry.npmmirror.com

老http://npm.taobao.org 和 http://registry.npm.taobao.org 域名將於 2022 年 05 月 31日零時起停止服務。所以老命令也不要使用了：
npm config set registry http://registry.npm.taobao.org

• 還原預設源

npm config set registry https://registry.npmjs.org

• 使用nrm管理源

# 全域性安裝nrm
npm install -g nrm
# 檢視nrm源列表(支援預設源，淘寶源，騰訊源等)
nrm ls
# 切換源(映象源的名稱nrm ls是可以看到的)
nrm use taobao

• 在專案根目錄增加.npmrc檔案，內容淘寶映象地址：

registry = https://registry.npmmirror.com

安裝依賴

• 全域性安裝

 # 安裝最新版本
 npm install -g xxx
 # 安裝指定版本
 npm install -g [email protected]

• 本地安裝（當前資料夾）

npm install xxx

• 專案依賴安裝， 並寫入package.json的dependencies中：

npm install –S xxx 
# 和上面效果一樣，預設：
npm install xxx

• 專案依賴安裝，並寫入package.json的devDependencies中：

npm install –D xxx

• 指定版本號

npm install [email protected]

• 專案本次安裝依賴，臨時使用淘寶映象

npm install --registry=https://registry.npmmirror.com

• 安裝某個依賴包（下面命令指定了版本@1.0.0），臨時使用淘寶映象：

npm install [email protected] --registry=https://registry.npmmirror.com

解除安裝依賴

• 解除安裝

npm uninstall <package-name>

• 解除安裝，並在package.json中移除：
  使用 -S 或 --save 標誌，則此操作還會移除 package.json 檔案中的參照；
  如果程式包是開發依賴項（列出在 package.json 檔案的 devDependencies 中），則必須使用 -D 或 --save-dev 標誌從檔案中移除。

npm uninstall -S <package-name>
npm uninstall -D <package-name>

• 解除安裝全域性依賴

npm uninstall -g <package-name>

• 提示
  uninstall的別名：remove, rm, r, un, unlink這些都是npm uninstall的別名。

npm uninstall -S <package-name>
# 等價
npm remove -S <package-name>
# 等價
npm rm -S <package-name>

更新

• 先檢查更新

npm outdated

紅顏色標記的就是可以更新的包，黃色標識不可更新的包。

• 執行更新(只會更新修補程式版本或次版本，不會更新主版本)
  如果不清楚主次版本，下面有版本號說明，請下拉。

npm update

• 更新主版本

# 1.安裝"npm-check-updates"模組  
npm install -g npm-check-updates  
# 2.檢查可更新的模組  
ncu  
npm-check-updates  
# 以上兩條命令都可檢查可更新模組。接下來更新package.json的依賴包到最新版本：  

#升級 package.json 檔案的 dependencies 和 devDependencies 中的所有版本
ncu -u  
#以上命令執行，更新全部模組。但在實際開發中不建議一次全部更新，可以根據實際需要，更新指定的模組，並且可以根據作用範圍在後面加上 -D、-S 或 -g

方式二：

# 全域性安裝 npm-check
npm install -g npm-check
# 檢視可更新的依賴
npm-check
# 更新依賴
npm-check -u

# 更新主版本的另一種方式就是先解除安裝，再重新安裝
# 解除安裝
npm uninstall xxx
# 重新安裝-最新版本
npm install xxx
# 重新安裝-制定版本
npm install [email protected]

檢視

• 檢視npm版本

npm -v

• 檢視已安裝的套件版本
  

npm 套件名稱 -v

• 檢視npm幫助

npm help

• 檢視npm使用的所有資料夾

npm help folders

• 檢視模組列表（檢視本地已安裝模組的清單列表）

npm list
# 也可以使用縮寫 ls
npm ls

• 檢視全域性安裝的包

npm list -g --depth 0

• 檢視某個包的版本

npm list vue-cli

• 檢視node模組的package.json資料夾

npm view moduleNames

• 檢視包的依賴關係

npm view moudleName dependencies

• 檢視包的原始檔地址

npm view moduleName repository.url

• 檢視包所依賴的Node的版本

npm view moduleName engines

• 檢視當前包的安裝路徑

npm root

• 檢視全域性包的安裝路徑

npm root -g

• 檢查包是否已經過時

  此命令會列出所有已經過時的包，可以及時進行包的更新

npm outdated

• 存取npm的json資料夾

  一個npm包是包含了package.json的資料夾，package.json描述了這個資料夾的結構。存取npm的json資料夾的方法如下

npm help json

此命令會以預設的方式開啟一個網頁，如果更改了預設開啟程式則可能不會以網頁的形式開啟。

• 檢驗包名是否已存在

  釋出一個npm包的時候，需要檢驗某個包名是否已存在

npm search packageName

# 也可以使用縮寫 s 來替代 search 
npm s packageName

npm 其他命令

npm cache clean  # 清除npm的快取
npm prune  # 清除專案中沒有被使用的包
npm outdated  # 檢查模組是否已經過時
npm repo jquery  # 會開啟預設瀏覽器跳轉到github中jquery的頁面
npm docs jquery  # 會開啟預設瀏覽器跳轉到github中jquery的README.MD檔案資訊
npm home jquery  # 會開啟預設瀏覽器跳轉到github中jquery的主頁

npm依賴包版本號

npm 版本號形式 X.Y.Z

表示：主版本號.次版本號.修訂號，版本號遞增規則如下：

• X. 主版本號：當你做了不相容的 API 修改，

• Y. 次版本號：當你做了向下相容的功能性新增，

• Z. 修訂號：當你做了向下相容的問題修正。

依賴庫版本號、符號

• 沒有任何符號

1.0.0
完全百分百匹配，當前庫/專案必須使用當前版本號，如果和其他依賴使用了相同庫不同版本，會在庫的資料夾下建立一個 node_modules 資料夾存放它需要依賴的版本檔案。

• ~ 號

不改變主版本號和次版本號，修訂號可以隨意更改
例如 ~2.0.0 ，可以使用 2.0.0、2.0.2 、2.0.9 的版本。

• ^ 號

不改變主版本號（主版本號非0），此版本號和修訂號可以隨意更改
例如 ^2.0.0 ，可以使用 2.0.1、2.2.2 、2.9.9 的版本。

• *號

*表示任意版本 對版本沒有限制， 一般不用
"base": "*"

• > 號

大於某個版本，表示只要大於這個版本的安裝包都行
例如："node": "> 4.0.0"

• >= 號

大於某個版本，表示只要大於或等於這個版本的安裝包都行
例如："node": ">= 4.0.0"

• < 號

小於某個版本，表示只要小於這個版本的安裝包都行
例如："http-proxy-middleware": "<0.17.3"

• <= 號

小於或等於某個版本，表示只要小於或等於這個版本的安裝包都行
例如："http-proxy-middleware": "<=0.17.3"

• - 號

-表示兩個版本號之間的版本
"base": "1.0.1-1.5.9"
例如 1.0.1-1.5.9 可以使用 1.0.1到1.5.9之間的任意版本

更多node相關知識，請存取：！

以上就是【整理分享】前端開發必備的 npm 常用指令的詳細內容，更多請關注TW511.COM其它相關文章！