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.js为两个最常用的指令提供了特别的缩写：

v-bind缩写

<!--完整语法-->
<a v-bind:href="url">测试</a>
<!--缩写-->
<a :href="url">测试</a>

v-on缩写

<!--完整语法-->
<a v-on:click="doSomething">修改</a>
<!--缩写-->
<a @click="doSomething">修改</a>