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》

六、延伸阅读

项目环境: vue+weback，操作系统: win7 64位

在安装vue项目npm依赖包过程中，居然破天荒的遇到了4048错误，具体错误截图如下图所示：

二、解决方法

1. 进入项目目录，把node_modules文件夹删除，package-lock.json文件也删除;

2. 以管理员身份运行CMD;

3. cd到项目目录，先清除npm缓存：npm cache clean --force

4. 再进行npm install