4.2 安装模块

前面介绍了 npm 的相关概念，从这一节开始介绍 npm 的 API 文档，不需要刻意记忆，使用时查询即可。

1. 安装全局模块

• -g 参数的意义

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

-g 参数代表着全局，英文单词 global，使用 -g 参数安装的是全局模块。-g 可以写在要安装的包前面或后面位置。

• 全局模块安装到了哪里？

// 输入指令查询全局模块安装路径
$ npm list -g --depth=0

查询全局模块安装路径

2. 安装本地模块

• 不使用 -g 参数安装的模块都会安装到本地模块。

$ npm install path

• 本地模块安装到了哪里？

本地模块安装路径

本地模块安装在当前目录下的 node_modules 目录下。

以上图为例：安装本地模块的当前目录是 D:\code，那么在该目录下会自动创建 node_modules 目录（如果之前有这个目录就不会创建了），在 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 文件其中一个重要功能就是记录当前项目的依赖包有哪些。

• 这样在下载完一个项目时；
• 查看 package.json 可以知道项目依赖哪些包；
• 使用 npm install 指令可以安装 package.json 中记录的依赖包；
• 安装完依赖包，才可以启动项目把项目给跑起来。

$ npm install   // 就是这么简单，当然前提是有 package.json 并且里面配置了相关包信息

6. --save 的用途

• --save 和 -g 一样，属于参数。

• 在安装模块时，只有当事人知道安装了哪些模块，如果换另外一个人来看这个项目，是不会知道这个项目安装了哪些模块。

• 使用 --save 可以在安装模块时，同时将安装的模块信息记录在 package.json 文件中，这样第三个人再看这个项目时，就可以直接看 package.json 文件来了解这个项目依赖了哪些包。

$ npm install antd --save

使用 --save 可以将模块信息记录到 package.json 文件中 dependencies 属性中。

使用 --save 安装模块

7. --save-dev 的用途

与 --save 参数类似，--save-dev 也会将模块信息记录到 package.json 文件中，不同的是记录在文件中的 devDependencies 属性下。

问题一：dependencies 与 devDependencies 属性区别？

• dependencies 指定了项目生产环境时所依赖的模块；

• devDependencies 制定了项目开发环境时所依赖的模块。

问题二：开发环境和生产环境是什么？

开发环境和生产环境

问题三：为什么需要生产/开发两个环境？

举个最简单的例子：

在开发阶段，我们需要对开发的模块进行单元测试，这时在开发环境 devDependencies 下就要安装单元测试模块。

在生产环境 dependencies，用户直接使用项目，此时项目的开发已全部完成。这时就不需要单元测试模块了，再加上只会影响性能。