npm
全域性安裝包
├── @vue/cli@3.0.5
├── @vue/eslint-config-airbnb@3.0.5
├── create-react-app@2.0.4
├── create-react-native-app@2.0.2
├── egg-init@1.15.0
├── eslint@5.8.0
├── express-generator@4.16.0
├── gatsby-cli@2.4.3
├── gitbook-cli@2.3.2
├── hexo-cli@1.1.0
├── http-server@0.11.1
├── less@3.8.1
├── n@2.1.12
├── nodemon@1.18.5
├── npm@6.4.1
├── typescript@3.1.3
└── vuepress@0.14.4
參考文章:
https://wohugb.gitbooks.io/npm/content/index.html
https://blog.csdn.net/SayDream/article/details/52106936
npm是什麼
NPM的全稱是Node Package Manager,是隨同NodeJS一起安裝的包管理和分發工具,它很方便讓JavaScript開發者下載、安裝、上傳以及管理已經安裝的包。
npm install 安裝模組
基礎語法
npm install (with no args, in package dir)
npm install [<@scope>/]<name>
npm install [<@scope>/]<name>@<tag>
npm install [<@scope>/]<name>@<version>
npm install [<@scope>/]<name>@<version range>
npm install <tarball file>
npm install <tarball url>
npm install <folder>
alias: npm i
common options: [-S|--save|-D|--save-dev|-O|--save-optional] [-E|--save-exact] [--dry-run]
安裝包,預設會安裝最新的版本
npm install gulp
安裝指定版本
npm install gulp@3.9.1
安裝包並將資訊保持到專案的package.json檔案中
專案對模組的依賴可以使用下面的 3 種方法來表示(假設當前版本號是 1.1.0 ):
相容模組新發布的補丁版本:~1.1.0、1.1.x、1.1相容模組新發布的小版本、補丁版本:^1.1.0、1.x、1相容模組新發布的大版本、小版本、補丁版本:* 、x
-S, --save 安裝包資訊將加入到dependencies(生產階段的依賴)
npm install gulp --save 或 npm install gulp -S
package.json 檔案的 dependencies 欄位:
npm install gulp --save-dev 或 npm install gulp -D
package.json 檔案的 devDependencies欄位:
"devDependencies": { "gulp": "^3.9.1"}
-O, --save-optional 安裝包資訊將加入到optionalDependencies(可選階段的依賴)
npm install gulp --save-optional 或 npm install gulp -O
package.json 檔案的optionalDependencies欄位:
"optionalDependencies": { "gulp": "^3.9.1"},
-E, --save-exact 精確安裝指定模組版本
npm install gulp --save-exact 或 npm install gulp -E
輸入命令npm install gulp -ES,留意package.json 檔案的 dependencies 欄位,以看出版本號中的^消失了
"dependencies": { "gulp": "3.9.1"}
模組的依賴都被寫入了package.json檔案後,他人開啟專案的根目錄(專案開源、內部團隊合作),使用npm install命令可以根據dependencies配置安裝所有的依賴包
npm install
本地安裝(local)
npm install gulp
全域性安裝(global),使用-g 或 --global
npm install gulp -g
npm ls檢視安裝的模組
基礎語法
npm ls [[<@scope>/]<pkg> ...]aliases: list, la, ll
檢視全域性安裝的模組及依賴
npm ls -g
npm uninstall解除安裝模組
基礎語法
npm uninstall\
[<@scope>/]<pkg>[@<version>]... [-S|--save|-D|--save-dev|-O|\
--save-optional]aliases: remove, rm, r, un, unlink
如解除安裝開發版本的模組
從 node_modules
目錄刪除包命令 npm uninstall [<package>]
:
npm uninstall lodash
去除package.json
依賴關係, 需要 save
|dev
標籤:
npm uninstall lodash --save-dev
解除安裝全域性包命令 npm uninstall -g [<package>]
:
npm uninstall -g jshint
npm update更新模組
基礎語法
npm update [-g] [<pkg>...]
例項:更新當前專案下所有的依賴包
# --dev 同時更新devDependencies內容
# --save 把更新情況儲存到package.json
# -d 檢視細節
npm update --dev --save -d
更新全域性包
更新全域性包命令 npm install -g [<package>]
:
npm install -g jshint
查詢過期包
npm outdated -g --depth=0
更新所有全域性包
npm update -g
npm outdated檢查模組是否已經過時
基礎語法:此命令會列出所有已經過時的包,可以及時進行包的更新
npm outdated [[<@scope>/]<pkg> ...]
npm init在專案中引導建立一個package.json檔案
安裝包的資訊可保持到專案的package.json檔案中,以便後續的其它的專案開發或者他人合作使用,也說package.json在專案中是必不可少的。
npm init [-f|--force|-y|--yes]
npm help 檢視某條命令的詳細幫助
例如輸入npm help install
,系統在預設的瀏覽器或者預設的編輯器中開啟本地nodejs
安裝包的檔案/nodejs/node_modules/npm/html/doc/cli/npm-install.html
npm help <command>
npmroot檢視包的安裝路徑
輸出node_modules的路徑
npm root [-g]
npm config管理npm的配置路徑
基礎語法
npm config set <key> <value> [-g|--global]\
npm config get <key>npm config delete <key>\
npm config listnpm config editnpm get <key>\
npm set <key> <value> [-g|--global]
對於config這塊用得最多應該是設定代理,解決npm安裝一些模組失敗的問題
例如我在公司內網,因為公司的防火牆原因,無法完成任何模組的安裝,這個時候設定代理可以解決
npm config set proxy=http://dev-proxy.oa.com:8080
又如國內的網路環境問題,某官方的IP可能被和諧了,幸好國內有好心人,搭建了映象,此時我們簡單設定映象
npm config set registry="http://r.cnpmjs.org"
npm cache 管理模組的快取
基礎語法
npm cache add [<tarball file>]\
npm cache add [<folder>]npm cache add [<tarball url>]\
npm cache add [<name>]@[<version>]\
npm cache ls [<path>]\
npm cache clean [<path>]
最常用命令無非清除npm本地快取
npm cache clean
npm start 啟動模組
基礎語法
npm start [-- <args>]
該命令寫在package.json檔案scripts的start欄位中,可以自定義命令來配置一個伺服器環境和安裝一系列的必要程式,如
"scripts": { "start": "gulp -all"}
如果package.json檔案沒有設定start,則將直接啟動node server.js
npm stop 停止模組
基礎語法
npm stop [-- <args>]
npm restart 重新啟動模組
基礎語法
npm restart [-- <args>]