Vue 进阶（三十二）：npm install、npm install --save 与 npm install --save-dev 区别

一、npm install X

• 会把 X 包安装到node_modules目录中；

• 不会修改package.json；

• 之后运行npm install命令时，不会自动安装 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 X --save-dev

• 会把 X 包安装到node_modules目录中；

• 会在package.json的devDependencies属性下添加 X；

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

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

使用原则:

运行时需要用到的包使用–save，否则使用--save-dev。

四、注

• npm install -d 就是 npm install --save-dev 安装到开发环境， 例如 gulp ，babel，webpack 一般都是辅助工具。

• npm insatll -s 就是npm install --save， 安装到生产环境， 如 vue ,react 等。

五、拓展阅读

• 《Vue进阶（七）：走近 package.json》