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,用户直接使用项目,此时项目的开发已全部完成。这时就不需要单元测试模块了,再加上只会影响性能。

results matching ""

    No results matching ""