4.2 npm 安裝模塊

前面介紹了 npm 的相關(guān)概念，從這一節(jié)開始介紹 npm 的 API 文檔，不需要刻意記憶，使用時查詢即可。

1. 安裝全局模塊

• ?-g? 參數(shù)的意義

$ npm install express -g
或者 
$ npm install -g express

?-g ?參數(shù)代表著全局，英文單詞 global，使用? -g? 參數(shù)安裝的是全局模塊。?-g? 可以寫在要安裝的包前面或后面位置。

• 全局模塊安裝到了哪里？

// 輸入指令查詢?nèi)帜K安裝路徑
$ npm list -g --depth=0

2. 安裝本地模塊

• 不使用? -g? 參數(shù)安裝的模塊都會安裝到本地模塊。??

  $ npm install path

• 本地模塊安裝到了哪里？

本地模塊安裝在當(dāng)前目錄下的 ?node_modules ?目錄下。

以上圖為例：安裝本地模塊的當(dāng)前目錄是 D:\code，那么在該目錄下會自動創(chuàng)建 ?node_modules ?目錄（如果之前有這個目錄就不會創(chuàng)建了），在 ?node_modules ?目錄下就可以找到剛才安裝的 path 模塊了。

3. 安裝指定版本的模塊

前提是要知道具體的版本號，如果不知道，可以使用 ?@3.*? 表示安裝第三版中最新的包。

$ npm install react-router@3.*

4. 同時安裝多個模塊

有時候需要安裝多個模塊，一個個安裝太過麻煩，可以一起安裝，模塊之間以空格隔開即可。

如下為同時安裝 ?antd ?模塊和 ?babel-plugin-import? 模塊。

$ npm install antd babel-plugin-import

5. 安裝 package.json 中的包

?package.json? 文件其中一個重要功能就是記錄當(dāng)前項目的依賴包有哪些。

• 這樣在下載完一個項目時；
• 查看? package.json ?可以知道項目依賴哪些包；
• 使用 ?npm install ?指令可以安裝? package.json ?中記錄的依賴包；
• 安裝完依賴包，才可以啟動項目把項目給跑起來。

$ npm install   // 就是這么簡單，當(dāng)然前提是有 package.json 并且里面配置了相關(guān)包信息

6. --save 的用途

• ?--save? 和 ?-g? 一樣，屬于參數(shù)。
• 在安裝模塊時，只有當(dāng)事人知道安裝了哪些模塊，如果換另外一個人來看這個項目，是不會知道這個項目安裝了哪些模塊。
• 使用 ?--save? 可以在安裝模塊時，同時將安裝的模塊信息記錄在? package.json? 文件中，這樣第三個人再看這個項目時，就可以直接看 ?package.json ?文件來了解這個項目依賴了哪些包。

$ npm install antd --save

使用 ?--save ?可以將模塊信息記錄到 ?package.json ?文件中 ?dependencies? 屬性中。

7. --save-dev 的用途

與 ?--save? 參數(shù)類似，-?-save-dev ?也會將模塊信息記錄到 ?package.json? 文件中，不同的是記錄在文件中的 ?devDependencies ?屬性下。

問題一：dependencies 與 devDependencies 屬性區(qū)別？

• ?dependencies ?指定了項目生產(chǎn)環(huán)境時所依賴的模塊；
• ?devDependencies ?制定了項目開發(fā)環(huán)境時所依賴的模塊。

問題二：開發(fā)環(huán)境和生產(chǎn)環(huán)境是什么？

問題三：為什么需要生產(chǎn)/開發(fā)兩個環(huán)境？

舉個最簡單的例子：

在開發(fā)階段，我們需要對開發(fā)的模塊進(jìn)行單元測試，這時在開發(fā)環(huán)境 ?devDependencies? 下就要安裝單元測試模塊。

在生產(chǎn)環(huán)境 ?dependencies?，用戶直接使用項目，此時項目的開發(fā)已全部完成。這時就不需要單元測試模塊了，再加上只會影響性能。