此文章會(huì)不定時(shí)更新 <packageName> 為模塊名點(diǎn)位符
一、可選參數(shù)說(shuō)明
--save // 將模塊依賴關(guān)系寫入到package.json文件的dependencies參數(shù)中
-dev // 將模塊依賴關(guān)系寫入到package.json文件的devDependencies參數(shù)中
-g // 表示全局
@+version // 安裝指定版本
--save相當(dāng)于-s
--global相當(dāng)于-g
--save-dev相當(dāng)于-d
--save-optional相當(dāng)于-o
--save-exact相當(dāng)于-e。
我們?cè)诎惭b第三方包的時(shí)候通常會(huì)用到-s、-g、-d后綴，其他的很少用到。
二、Config命令
更改npm全局安裝路徑
npm config set prefix <路徑>
更改npm鏡像源
npm config set registry <URL>
三、Set命令
更換包管理器
ng set --global packageManager=yarn
四、查找、安裝、更新、卸載、發(fā)布Node模塊
搜索（s、se、find）比如查找我們需要的模塊及其相關(guān)模塊信息（包名稱、描述、作者、更新時(shí)間、最新版本號(hào)、關(guān)鍵詞等等）
npm search [<packageName><version>][-g]/[--save][-dev]
安裝模塊
npm i <packageName>
npm install [<packageName><version>][-g]/[--save][-dev]
查看本地安裝的包版本號(hào)
npm ls <packageName> // 本地包
npm ls <packageName> -g // 全局安裝包
查看遠(yuǎn)程包信息
npm info <packageName>
//或者
npm view <packageName> versions --json
更新模塊（up, upgrade）
npm i <packageName>@latest //更新到最新版
npm i <packageName>@2.2.1 //更新到具體某個(gè)版本
npm update //更新當(dāng)前目錄下的項(xiàng)目的所有模塊
npm update <packageName> //更新當(dāng)前目錄下的項(xiàng)目的指定模塊
npm update -g <packageName> //更新全局安裝的指定模塊
npm update [<packageName><version>][-g]/[--save][-dev]
卸載模塊（remove、rm、r, un、unlink）
npm uninstall <packageName> //卸載指定的模塊
npm uninstall [<packageName><version>][-g]/[--save][-dev]
發(fā)布（publish）可以將我們自己的模塊發(fā)布到npm以供其他人使用，在發(fā)布之前我們必須在NPM上有一個(gè)自己的賬號(hào)，通常我們可以使用以下命令來(lái)進(jìn)行注冊(cè)和發(fā)布
npm adduser // npm賬號(hào)注冊(cè)，以郵箱方式
npm publish <packageName> // npm模塊發(fā)布
五、查看模塊信息
查看已安裝的所有模塊
npm list //查看項(xiàng)目中已安裝模塊依賴關(guān)系圖
npm list -g //查看全局已安裝模塊依賴關(guān)系圖
npm list -g --depth 0 //查看所有已經(jīng)全局安裝的模塊
npm list 或 npm ll 或 npm la 或 npm ls //都是列出已安裝模塊， ll 、 ls 、 la 三個(gè)命令意思都一樣，但是列表的展示方式不一樣
npm list/ls/la/ll [-g]
查看模塊安裝路徑
npm root //查看項(xiàng)目模塊的安裝路徑
npm root -g //查看全局模塊的安裝路徑
查看模塊的注冊(cè)信息，包名稱（name）、版本號(hào)（version）、描述（description）、作者（author）、版權(quán)（license）等等信息
npm view <packageName> name //查看包名稱
npm view <packageName> description//查看包描述
npm view <packageName> author//查看包作者
//以此類推
npm view <packageName> [package.json屬性名稱]
六、其它常用命令
npm init //初始化package.json配置文件
npm help // 幫助
npm -h // 快速搜索某一個(gè)命令的詳情語(yǔ)法
npm docs <packageName> //查看模塊官方文檔
npm cache clean //清除緩存
npm cache verify //驗(yàn)證緩存
npm -v //npm版本查詢
npm show <packageName> //顯示模塊詳情
快捷鍵
ctrl+c 結(jié)束所有dom行命令
七、克隆項(xiàng)目
克隆項(xiàng)目
git clone https://github.com/PanJiaChen/vue-element-admin.git
進(jìn)入項(xiàng)目目錄
cd directory
安裝依賴
npm install
本地開發(fā) 啟動(dòng)項(xiàng)目
npm run dev
發(fā)布
// 構(gòu)建測(cè)試環(huán)境
npm run build:stage
// 構(gòu)建生產(chǎn)環(huán)境
npm run build:prod
其它
# 預(yù)覽發(fā)布環(huán)境效果
npm run preview
# 預(yù)覽發(fā)布環(huán)境效果 + 靜態(tài)資源分析
npm run preview -- --report
# 代碼格式檢查
npm run lint
# 代碼格式檢查并自動(dòng)修復(fù)
npm run lint -- --fix
八、解決npm下載速度慢的問(wèn)題
建議不要直接使用 cnpm 安裝以來(lái)，會(huì)有各種詭異的 bug?？梢酝ㄟ^(guò)如下操作解決 npm 下載速度慢的問(wèn)題
npm install --registry=https://registry.npm.taobao.org
