npm使用技巧

原文連接：blog.usejournal.com/npm-tips-an…

生成package.json

咱們一般會npm init命令，而後開始添加npm須要的信息。

可是，若是咱們並不真正關心全部這些信息而且咱們想要保留默認值，那麼咱們按下Enter鍵來快速過完npm詢問咱們的每一條信息。

爲避免這種狀況，您只需輸入便可npm init -y 。這樣就不會出現詢問各類問題而直接爲您建立有默認值的。package.json

安裝模塊

npm install的簡寫是 npm i

一次安裝多個模塊

您能夠不用一次一次地執行命令：

npm i gulp-pug
npm i gulp-debug
npm i gulp-sass
複製代碼

能夠在同一個命令中安裝這些模塊：

npm i gulp-pug gulp-debug gulp-sass
複製代碼

甚至，若是這些模塊的前綴是同樣的，您都不用輸入每一個模塊的全稱：

npm i gulp{-debug,-sass,-pug}
複製代碼

使用一些安裝模式的快捷方式

在您想要安裝一個模塊並將其做爲生產依賴的時候，你一般執行：

npm i gulp --save-prod
複製代碼

其實，你能夠這樣簡寫：

npm i gulp -P
複製代碼

對於開發依賴也是同樣的道理，您能夠用下面的命令來代替npm i gulp --save-dev：

npm i gulp -D
複製代碼

默認狀況下，當您運行時npm install沒有任何標誌時，npm會將包做爲依賴項添加到package.json文件中。若是要防止這種狀況，請使用no-save標誌安裝它，以下所示：

npm i vue --no-save
複製代碼

獲取包的信息

若是您要查看 vue 這個包的信息，會執行npm view vue，其實您能夠執行它的簡寫：npm v vue

若是您只想得到最新版本的軟件包，能夠試試:

> npm v vue version 
> 2.5.17
複製代碼

若是您想得到npm包的完整版本列表，請嘗試複數形式:

> npm v vue versions 
> ['0.0.0'，
  '0.6.0'，
  '0.7.0'，
  ... 
  '2.5.15'，
  '2.5.16'，
  '2.5.17-beta.0'，
  '2.5.17']
複製代碼

安裝特定的軟件包版本

若是要安裝某個版本不是最新版本的軟件包，能夠鍵入:

npm i vue@2.5.15
複製代碼

鑑於記憶名稱比數字更容易（至少對我而言），您可使用運行如上所示的npm v命令後列出的dist-tag，以下所示：

npm i vue @ beta
複製代碼

搜索包裹

有時你不能簡單地記住你前一段時間或你朋友推薦的那個包的確切名稱。在這種狀況下，您可使用npm搜索直接從終端執行搜索：

npm search gulp debug
複製代碼

或者：

npm s gulp debug
複製代碼

這將打印包含描述，做者和一些其餘信息的包列表:

卸載包

⚠️這一點貌似只有在npm5+的版本中才有效（即以下文所說），在npm3版本中測試，npm i axios命令並不會把axios登記在package.json中，一樣的，npm uninstall axios也並不會把axios從package.json中刪除。

卸載vue包：

npm uninstall vue
複製代碼

這將從node_modules文件夾中刪除vue包，並在package.json把這個包的記錄刪除掉，您可使用rm , un 或者 r 來達到一樣的目的：

npm rm vue
複製代碼

若是因爲某種緣由您只想從node_modules文件夾中刪除包文件但將其做爲依賴項保存在package.json文件中，則可使用no-save標誌:

npm rm vue --no-save
複製代碼

列出全部依賴

npm ls
複製代碼

這將列出package.json文件中列出的全部依賴項以及它們的全部依賴項。 若是您只想列出您的依賴項，您能夠這樣作:

npm ls --depth=0
複製代碼

固然，若是要查看全部全局安裝的包的列表，可使用g標誌:

npm ls -g -depth 0
複製代碼

運行測試

您能夠執行npm run test來運行測試，但其實您能夠簡寫成npm test，甚至更進一步簡寫成：npm t

查看可用的scripts

有時，咱們但願查看package.json文件中包含的scripts。咱們固然能夠打開package.json文件，但咱們也能夠這樣作：

npm run
複製代碼

從Github倉庫安裝包

你能夠直接從像這樣的Github倉庫安裝一個包:

npm i https://github.com/sindresorhus/gulp-debug
複製代碼

或者您能夠省略完整的域部分：

npm i sindresorhus/gulp-debug
複製代碼

打開包的Github頁面

您固然能夠進行Google搜索，而後查找該頁面，或者您能夠執行如下操做：

npm repo create-react-app
複製代碼

無需安裝軟件包便可執行上述命令。

列出全部可用的NPM環境變量

您能夠經過運行來查看可供咱們使用的NPM變量的完整列表：

npm run env | grep npm_
複製代碼

關於這些變量的好處是它們能夠在你的腳本中使用，你甚至能夠建立本身的，讓咱們看看要怎麼添加本身的NPM變量

添加本身的NPM變量

您能夠經過向package.json文件添加新密鑰來添加本身的NPM變量。 它能夠是任何鍵，但我更喜歡將全部NPM變量保留在配置鍵中，以保持組織有序。像這樣：

"config": {
  "build_folder":"./dist"
}
複製代碼

如今，若是您使用前面討論的命令列出您的變量npm run env | grep npm_，你會看到你的新變量在那裏。

默認狀況下，npm會將您的變量命名爲npm_package，並將其結構保存在package.json文件中，即config_build_folder。

在NPM腳本中使用NPM變量

一旦看到完整的變量列表，而且想要在腳本中使用任何這些變量的值，就能夠在package.json中執行此操做（請參閱上一節中變量npm_package_config_build_folder的值）

"scripts": {
  "build": "gulp build --dist $npm_package_config_build_folder"
}
複製代碼

一旦你用npm run build運行這個命令，它將被執行爲:

gulp build --dist ./dist
複製代碼