Vue 进阶（幺零幺）：npm install -g 和 npm install --save-dev 的关系

一、npm install 本地安装

1. 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。

2. 可以通过 require() 来引入本地安装包。

二、npm install -g 全局安装

1. 将安装包放在 /usr/local 下或者 node 的安装目录。

2. 可以直接在命令行里使用。

三、npm install --save

1. 会把build包安装到node_modules目录中；

2. 会在package.json的dependencies属性下添加build；

3. 之后运行npm install命令时，会自动安装build到node_modules目录中；

4. 之后运行npm install --production或者注明NODE_ENV变量值为production时，会自动安装msbuild到node_modules目录中；

四、npm install --save-dev

1. 会把msbuild包安装到node_modules目录中；

2. 会在package.json的devDependencies属性下添加msbuild；

3. 之后运行npm install命令时，会自动安装msbuild到node_modules目录中；

4. 之后运行npm install --production或者注明NODE_ENV变量值为production时，不会自动安装msbuild到node_modules目录中；

五、package.json 中 dependencies 与 devDependencies 的区别

• dependencies：

应用能够正常运行所依赖的包。这种 dependencies 是最常见的，用户在使用 npm install 安装包时会自动安装这些依赖。

• devDependencies：

开发应用时所依赖的工具包。通常是一些开发、测试、打包工具，例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包，用户在使用 npm install 安装包时也不会安装这些依赖。

• peerDependencies：

应用运行依赖的宿主包。最典型的就是插件，例如各种 jQuery 插件，这些插件本身不包含 jQeury，需要外部提供。用户使用 npm 1 或 2 时会自动安装这种依赖，npm 3 不会自动安装，会提示用户安装。

• bundledDependencies：

发布包时需要打包的依赖，似乎很少见。

• optionalDependencies：

可选的依赖包。此种依赖不是程序运行所必须的，但是安装后可能会有新功能，例如一个图片解码库，安装了 optionalDependencies 后会支持更多的格式。

那么 package.json 文件里面的 devDependencies 和 dependencies 对象有什么区别呢？

devDependencies 里面的插件(比如各种loader，babel全家桶及各种webpack插件等)只用于开发环境，不用于生产环境，因此不需要打包；而 dependencies 是需要发布到生产环境的，是要打包的。