歡迎來到Altaba的的部落格，2017年8月20日

相信一個優秀的前端開發工程師如果不知道使用node.js的npm下載外掛進行輔助開發都不能跟上前端發展趨勢。首先，我來一一帶大家踏入前端npm使用道路

1、什麼是npm

npm（node package manager）nodejs的包管理器，用於node外掛管理（包括安裝、解除安裝、管理依賴等）NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS程式碼部署上的很多問題,

常見的使用場景：

（1）允許使用者從NPM伺服器下載別人編寫的第三方包到本地使用。

（2）允許使用者從NPM伺服器下載並安裝別人編寫的命令列程式到本地使用。

（3）允許使用者將自己編寫的包或命令列程式上傳到NPM伺服器供別人使用。

由於新版的nodejs已經集成了npm，所以之前npm也一併安裝好了。同樣可以通過輸入 "npm -v" 來測試是否成功安裝。具體node的安裝方法，請參閱該網站http://nodejs.cn/。

npm 的常用命令列程式碼：

1、npm install moduleNames：安裝Node包（moduleNames包名稱）

（1）npm install moduleNames -g 為全域性安裝 

（2）npm install [email protected]  安裝特定版本外掛

（3）npm install moduleNames --save 會在package.json的dependencies屬性下新增moduleNames  即釋出依賴時候任依賴的外掛

（4）npm install moduleNames --save-dev  會在package.json的devDependencies屬性下新增moduleNames依賴 即開發依賴外掛

總結：npm install 在安裝 npm 包時，有兩種命令引數可以把它們的資訊寫入 package.json 檔案，一個是npm install --save另一個是 npm install --save-dev，他們表面上的區別是--save 會把依賴包名稱新增到 package.json 檔案 dependencies 鍵下，--save-dev 則新增到 package.json 檔案 devDependencies 鍵下。

真正跑在使用者瀏覽器中的程式碼，比如jquery,react這些，是需要安裝到dependencies中的。

--save是對生產環境所需依賴的宣告(開發應用中使用的框架，庫),--save-dev是對開發環境所需依賴的宣告(構建工具，測試工具).正常使用npm install時，會下載dependencies和devDependencies中的模組，當使用npm install --production或者註明NODE_ENV變數值為production時，只會下載dependencies中的模組。

2、npm config set registry https://registry.npm.taobao.org  修改包下載源，此例修改為了淘寶映象

3、npm config get prefix  檢視全域性安裝路徑

4、npm config set prefix G:/node_modules_global  修改全域性安裝路徑

5、npm init  初始化目錄

6、npm install -g gulp  全域性安裝（如gulp）

7、npm uninstall -g gulp    全域性包解除安裝（如gulp）

8、npm uninstall gulp --save-dev  專案本地解除安裝（如gulp）

9、npm ls --global    會檢視到安裝包所包含的所有依賴檔案   npm ls --global -depth 0  只檢視頂級安裝包

10、npm ls  檢視本地安裝包

11、npm cache clean  刪除安裝包快取

12、npm  update xxx  更新安裝包

13、npm search xxx  查詢驗證某個包是否已經存在

14、npm root 檢視當前包安裝路徑  npm root -g  檢視全域性包安裝路徑

15、npm outdated：檢查包是否已經過時，此命令會列出所有已經過時的包，可以及時進行包的更新

16、npm view xxx engines：檢視包所依賴的Node的版本

17、npm view xxx repository.url：檢視包的原始檔地址

18、npm view xxxpendencies：檢視包的依賴關係