npm安装包时 --save 和 --save-dev 的区别

以npm 安装 vue为例

1.npm install vue:

• 会把vue包安装到node_modules目录中；
• 不会修改package.json文件；
• 之后运行npm install命令时，不会自动安装vue；

 

2.npm install vue --save:

• 会把vue包安装到node_modules目录中；
• 会在package.json文件中的dependencies属性下添加vue；
• 之后运行npm install命令时，会自动安装vue到node_modules目录中；
• 之后运行npm install --production或者注明NODE_ENV变量值为production时，会自动安装vue到node_modules目录中；

3.npm install vue --save-dev:

• 会把vue包安装到node_modules目录中；
• 会在package.json文件中的devDependencies属性下添加vue；
• 之后运行npm install命令时，会自动安装vue到node_modules目录中；
• 之后运行npm install --production或者注明NODE_ENV变量值为production时，不会自动安装vue到node_modules目录中；

4.npm install vue --global

• 会把vue包安装到全局环境中而不是node_modules目录中；
• 不会修改package.json文件；
• 之后运行npm install命令时，不会自动安装vue；

所以，在生产环境中需要用到的包安装时添加 --save，只在开发环境中用到的包安装时添加 --save-dev。