本篇內(nèi)容主要講解“前端開發(fā)必備的npm常用指令有哪些”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學(xué)習(xí)“前端開發(fā)必備的npm常用指令有哪些”吧!
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了正寧免費建站歡迎大家使用!
查詢當(dāng)前源配置
npm get registry
設(shè)置淘寶鏡像源(淘寶鏡像新域名)
npm config set registry https://registry.npmmirror.com
老http://npm.taobao.org 和 http://registry.npm.taobao.org 域名將于 2022 年 05 月 31日零時起停止服務(wù)。所以老命令也不要使用了:
npm config set registry http://registry.npm.taobao.org
還原默認(rèn)源
npm config set registry https://registry.npmjs.org
使用nrm管理源
# 全局安裝nrm npm install -g nrm # 查看nrm源列表(支持默認(rèn)源,淘寶源,騰訊源等) 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
本地安裝(當(dāng)前文件夾)
npm install xxx
項目依賴安裝, 并寫入package.json的dependencies中:
npm install –S xxx # 和上面效果一樣,默認(rèn): 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.json中移除:
使用 -S 或 --save 標(biāo)志,則此操作還會移除 package.json 文件中的引用;
如果程序包是開發(fā)依賴項(列出在 package.json 文件的 devDependencies 中),則必須使用 -D 或 --save-dev 標(biāo)志從文件中移除。
npm uninstall -Snpm uninstall -D
卸載全局依賴
npm uninstall -g
提示
uninstall的別名:remove, rm, r, un, unlink這些都是npm uninstall的別名。
npm uninstall -S# 等價 npm remove -S # 等價 npm rm -S
先檢查更新
npm outdated
紅顏色標(biāo)記的就是可以更新的包,黃色標(biāo)識不可更新的包。
執(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
查看當(dāng)前包的安裝路徑
npm root
查看全局包的安裝路徑
npm root -g
檢查包是否已經(jīng)過時
此命令會列出所有已經(jīng)過時的包,可以及時進(jìn)行包的更新
npm outdated
訪問npm的json文件夾
一個npm包是包含了package.json的文件夾,package.json描述了這個文件夾的結(jié)構(gòu)。訪問npm的json文件夾的方法如下
npm help json
此命令會以默認(rèn)的方式打開一個網(wǎng)頁,如果更改了默認(rèn)打開程序則可能不會以網(wǎng)頁的形式打開。
檢驗包名是否已存在
發(fā)布一個npm包的時候,需要檢驗?zāi)硞€包名是否已存在
npm search packageName # 也可以使用縮寫 s 來替代 search npm s packageName
npm cache clean # 清除npm的緩存 npm prune # 清除項目中沒有被使用的包 npm outdated # 檢查模塊是否已經(jīng)過時 npm repo jquery # 會打開默認(rèn)瀏覽器跳轉(zhuǎn)到github中jquery的頁面 npm docs jquery # 會打開默認(rèn)瀏覽器跳轉(zhuǎn)到github中jquery的README.MD文件信息 npm home jquery # 會打開默認(rèn)瀏覽器跳轉(zhuǎn)到github中jquery的主頁
npm 版本號形式 X.Y.Z
表示:主版本號.次版本號.修訂號,版本號遞增規(guī)則如下:
X. 主版本號:當(dāng)你做了不兼容的 API 修改,
Y. 次版本號:當(dāng)你做了向下兼容的功能性新增,
Z. 修訂號:當(dāng)你做了向下兼容的問題修正。
沒有任何符號
1.0.0 完全百分百匹配,當(dāng)前庫/項目必須使用當(dāng)前版本號,如果和其他依賴使用了相同庫不同版本,會在庫的文件夾下建立一個 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常用指令有哪些”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!