前端開發(fā)必備的npm常用指令有哪些

本篇內(nèi)容主要講解“前端開發(fā)必備的npm常用指令有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“前端開發(fā)必備的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文件，內(nèi)容淘寶鏡像地址：

registry = https://registry.npmmirror.com

安裝依賴

• 全局安裝

 # 安裝最新版本
 npm install -g xxx
 # 安裝指定版本
 npm install -g xxx@1.0.0

• 本地安裝（當前文件夾）

npm install xxx

• 項目依賴安裝， 并寫入package.json的dependencies中：

npm install –S xxx 
# 和上面效果一樣，默認：
npm install xxx

• 項目依賴安裝，并寫入package.json的devDependencies中：

npm install –D xxx

• 指定版本號

npm install vue@3.0.0

• 項目本次安裝依賴，臨時使用淘寶鏡像

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

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

npm install XXX@1.0.0 --registry=https://registry.npmmirror.com

卸載依賴

• 卸載

npm uninstall <package-name>

• 卸載，并在package.json中移除：
  使用 -S 或 --save 標志，則此操作還會移除 package.json 文件中的引用；
  如果程序包是開發(fā)依賴項（列出在 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

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

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

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  
#以上命令執(zhí)行，更新全部模塊。但在實際開發(fā)中不建議一次全部更新，可以根據(jù)實際需要，更新指定的模塊，并且可以根據(jù)作用范圍在后面加上 -D、-S 或 -g

方式二：

# 全局安裝 npm-check
npm install -g npm-check
# 查看可更新的依賴
npm-check
# 更新依賴
npm-check -u

# 更新主版本的另一種方式就是先卸載，再重新安裝
# 卸載
npm uninstall xxx
# 重新安裝-最新版本
npm install xxx
# 重新安裝-制定版本
npm install xxx@2.0.0

查看

• 查看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

• 查看包的依賴關(guān)系

npm view moudleName dependencies

• 查看包的源文件地址

npm view moduleName repository.url

• 查看包所依賴的Node的版本

npm view moduleName engines

• 查看當前包的安裝路徑

npm root

• 查看全局包的安裝路徑

npm root -g

• 檢查包是否已經(jīng)過時

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

npm outdated

• 訪問npm的json文件夾

  一個npm包是包含了package.json的文件夾，package.json描述了這個文件夾的結(jié)構(gòu)。訪問npm的json文件夾的方法如下

npm help json

此命令會以默認的方式打開一個網(wǎng)頁，如果更改了默認打開程序則可能不會以網(wǎng)頁的形式打開。

• 檢驗包名是否已存在

  發(fā)布一個npm包的時候，需要檢驗某個包名是否已存在

npm search packageName

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

npm 其他命令

npm cache clean  # 清除npm的緩存
npm prune  # 清除項目中沒有被使用的包
npm outdated  # 檢查模塊是否已經(jīng)過時
npm repo jquery  # 會打開默認瀏覽器跳轉(zhuǎn)到github中jquery的頁面
npm docs jquery  # 會打開默認瀏覽器跳轉(zhuǎn)到github中jquery的README.MD文件信息
npm home jquery  # 會打開默認瀏覽器跳轉(zhuǎn)到github中jquery的主頁

npm依賴包版本號

npm 版本號形式 X.Y.Z

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

• 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之間的任意版本

到此，相信大家對“前端開發(fā)必備的npm常用指令有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學習！