提高你的開發效率,10 個 NPM 使用技巧

對於一個項目,經常使用的一些npm簡單命令包含的功能有:初始化一個文件夾(npm init),下載npm模塊(npm install),建立測試(npm test) 和自定義腳本(npm run)。可是,進一步瞭解一些 npm 的使用技巧能夠完全改變你的平常開發任務。node

注:
若是你須要關於初學npm的參考,能夠參閱咱們的
初學者指南
。若是你對 npm 和 Yarn 之間的差別感到困擾,能夠參閱咱們發表的文章:
Yarn vs npm:你須要知道的一切git

1. 獲取幫助

npm 文檔CLI 命令行文檔 是很是不錯地的學習資料,但須要經過瀏覽器訪問,這並非很方便。於是能夠經過命令行快速獲取全部可選項:github

npm help

此外,還能獲取特定 npm 命令的使用幫助:shell

npm help <command>

例如:npm help installnpm

另外一種方式是經過下面的命令:json

npm <command> -h

2. npm 命令自動完成

npm 經過bash提供了命令自動完成功能(包括Bash for Windows 10 ):瀏覽器

npm completion >> ~/.bashrc

//or Z shell

npm completion >> ~/.zshrc

從新加載shell配置文件:bash

source ~/.bashrc

如今,在終端注入 npm ins ,而後按下 tab 鍵就會出現 install 了,不會再浪費時間去所有輸入了。編輯器

3.修復全局模塊的權限

當你試圖安裝所有模塊時,類 Linux 系統可能會拋出權限錯誤,能夠在npm命令以前添加 sudo 來執行,但這是一個較危險的選擇。一個更高的解決方式是改變 npm 默認的模塊安裝目錄:ide

mkdir ~/.npm-global
npm config set prefix '~/.npm-global'

使用適當的文本編輯器將下面的一行添加到 ~/.bashrc 或者 ~/.zshrc 文件中:

export PATH="$HOME/.npm-global/bin:$PATH"

從新加載配置文件(source ~/.bashrc),而後從新安裝npm到用戶所屬路徑:

npm install -g npm

這也會更新npm。

4.持續更新npm

你能夠經過下面的命令顯示npm當前的版本:

npm -v

若是有須要,能夠經過下面的命令更新npm:

npm install -g npm

當 Node 的主版本 released 以後,你也可能須要從新構建 C++ 擴展:

npm rebuild

若是你須要管理多個版本的node.js和npm,能夠考慮使用 n 或者 nvm。這有一篇關於 nvm 的文章:使用 nvm 安裝多版本的Node.js

5.定義默認的 npm init

使用 npm init 初始化一個新的項目,這會提示你關於項目的更多細節,並建立一個 package.json 文件。

若是你厭倦了每次開始一個新的項目都須要從新輸入一樣的信息,可使用 -y 標記表示你能接受 package.json 文件的一堆默認值:

npm init -y

或者你能夠設置一些語義化的默認值:

npm config set init.author.name <name>
npm config set init.author.email <email>

6.更精準的模塊搜索

到目前爲止,npm上已經有超過350000個模塊了,而且天天還在持續增加。儘管有不少很是棒的模塊,可是你仍是想避免使用一些不受歡迎的、存在bug的或者無人維護的模塊。

npmjsGithub 上搜索npm模塊是很實用但這還有一些其它選擇:

### npms

npms
根據一個基於項目版本、模塊下載次數、最新更新日期、提交頻率、測試覆蓋率、文檔、貢獻者數量、issues數、star數、forks數和做者在社區的地位的綜合測量分數進行模塊排名。

### npm Discover

npm Discover
定位於快速搜索和其它模塊一般一塊兒使用的模塊,如
body-parser
一般和Express一塊兒使用。

### Packages by PageRank

Packages by PageRank
按照模塊的谷歌排名進行搜索和排序。

### Curated npm Lists

還一個選擇就是利用別人的搜索結果。當須要一個健壯的解決方案時,我常常會參考
sindresorhusAwesome Node.js

7.管理你的模塊

你已經安裝了一些模塊,看看都有啥:

npm list

(ls、la & ll 能夠用做 list 的別名)

該命令會顯示全部模塊:(安裝的)模塊,子模塊以及子模塊的子模塊等。能夠限制輸出的模塊層級:

npm list --depth=0

打開一個模塊的主頁:

npm home <package>

這隻有在你的系統能打開瀏覽器時有用--在服務端的系統上會失敗。一樣,能夠打開一個模塊的 Github 倉庫:

npm repo <package>

或者它的文檔:

npm docs <package>

或者它目前的bugs列表:

npm bugs <package>

npm list 會顯示和你已經安裝地模塊的關聯模塊---這些沒有在 package.json文件中被引用。你能夠單獨 npm uninstall 每個模塊或者所有移除它們:

npm prune

若是安裝模塊時你添加了 --production 標記或者 NODE_ENV 被設置成 production,package.json 文件中被指定爲 devDependencies 的模塊也會被移除。

8.鎖定依賴

默認狀況下,當用 --save/-S 或者 --save-dev/-D 安裝一個模塊時,npm 經過脫字符(^)來限定所安裝模塊的主版本號。例如,當運行 npm update 時, ^1.5.1 容許安裝版本號大於 1.5.1 但小於 2.0.0 版本的模塊。

波浪號(~)字符是限定模塊的次要版本。例如,當運行 npm update 時, ~1.5.1 容許安裝版本號大於 1.5.1但小於 1.6.0 版本的模塊。能夠將須要安裝的模塊版本前綴默認設置成波浪號(~):

npm config set save-prefix="~"

對於那些偏執的認爲任何更新(模塊的行爲)會破壞系統的人,能夠配置npm僅安裝精確版本號的模塊:

npm config set save-exact true

另外一個選擇是,能夠在項目中使用 shrinkwrap:

npm shrinkwrap

這會生成一個 shrinkwrap.json 文件,該文件包含了你正在使用的模塊的指定版本。當運行 npm install時,該文件所指定的模塊版本會覆蓋 package.json 文件中所指定的版本。

9. 找出過期的模塊

怎麼知道一個模塊已經更新了呢?我以前的方式是先列舉出項目所依賴的模塊(npm list --depth=0),而後在 npmjs.com 上找到該模塊,手動檢查該模塊的版本是否已經更新。這很是費時。幸運的是,有一個更簡單的方式:

npm outdated

或者 npm outdated -g 來查找全局模塊。

你也能夠查看一個獨立模塊的當前版本:

npm list <package>

也能夠查看檢驗當前和歷史版本:

npm view <package> versions

npm view <package> 會顯示一個獨立模塊的全部信息,包括它的依賴、關鍵字、更新日期、貢獻者、倉庫地址和許可證等。

10.使用開發中的模塊

當你正在開發一個模塊時,會常常想在其它項目中嘗試使用或者在任何一個目錄運行它(若是你的應用支持),這時不必將其發佈到 npm,並全局安裝---僅需在該模塊所在目錄使用下面的命令:

npn link

該命令會爲模塊在全局目錄下建立一個符號連接。能夠經過下面的命令查看模塊引用:

npm list -g --depth=0

或者:

npm outdated -g

如今,就能夠從命令行運行模塊或者經過 require 在任何項目中引入該模塊。

另外一個選擇是,能夠經過文件路徑在 package.json 文件中聲明對該模塊的依賴:

"dependencies": {
  "myproject": "file:../myproject/"
}

原文:10 Tips and Tricks That Will Make You an npm Ninja

編譯:10個 NPM 使用技巧
譯者:dwqs

文章轉載自: 開源中國社區[http://www.oschina.net]

本文標題:提高你的開發效率,10 個 NPM 使用技巧

本文地址:https://www.oschina.net/news/79226/10-tips-and-tricks-that-will-make-you-an-npm-ninja

相關文章
相關標籤/搜索