npm install、npm install --global、npm install --save、npm install --save-dev的区别

npm install X:

• 会把X包安装到项目的node_modules目录中
• 不会修改package.json
• 之后运行npm install命令时，不会自动安装X
• npm i X 是简写形式

npm install --global X：

• 全局安装，不会把包安装到项目的node_modules目录中，而是会安装到node.js的node_modules目录中，比如我的node环境本地安装目录是：D:\Program Files\nodejs，那么全局安装目录就是：D:\Program Files\nodejs\node_modules\npm\node_modules
• npm install -g X 是简写形式

npm install X --save:

• 会把X包安装到node_modules目录中
• 会在package.json的dependencies属性下添加X
• 之后运行npm install命令时，会自动安装X到node_modules目录中
• 之后运行npm install --production或者注明NODE_ENV变量值为production时，会自动安装msbuild到node_modules目录中
• 主要用于添加生产阶段的依赖，也就是项目运行时的依赖
• npm install -S X 是简写形式

npm install X --save-dev:

• 会把X包安装到node_modules目录中
• 会在package.json的devDependencies属性下添加X
• 之后运行npm install命令时，会自动安装X到node_modules目录中
• 之后运行npm install --production或者注明NODE_ENV变量值为production时，不会自动安装X到node_modules目录中
• 主要用于添加开发阶段的依赖，就是我们在开发过程中需要的依赖，只在开发阶段起作用的
• npm install -D X 是简写形式

举例

• 将 ES6 代码用babel 转换成 ES5 ，转换完成后，我们只需要转换后的代码，上线的时候，直接把转换后的代码部署到生产环境，不需要 babel 了，生产环境不需要。这就可以安装到 devDependencies
• 代码提示工具，也可以安装到 devDependencies
• 如果用 Element-UI，由于发布到生产后还是依赖 Element-UI，这就可以安装到 dependencies