npm安装包时参数-S和-D的区别

npm安装包时参数-S和-D的区别

package.json

首先说一下package.json。package.json中有所有的安装包，分为

搭建一个前端项目之前，通常会在项目的根目录下生成一个名为package.json的文件作为NPM包的描述文件，使用该文件来定义项目信息、配置包依赖关系。package.json文件可以自己手动创建，也可以使用命令来创建：

npm init

依赖包

在package.json文件中，所有的依赖包都会在 dependencies 和 devDependencies 的配置项中进行管理，它们的意思是：

• dependencies： 表示生产环境下的依赖管理，npm install name -save 简写（npm install name -S） 自动把模块和版本号添加到dependencies；
• devDependencies： 表示开发环境下的依赖管理，npm install name -save-dev 简写（npm install name -D） 自动把模块和版本号添加到devDependencies。

举例

• 构建工具：gulp和webpack是用来压缩代码，打包等需要的工具，程序实际运行的时候并不需要，就要放在dev中所以要用 -D；
• 项目插件：例如element ui、echarts这种插件要在运行中使用的，就要放在dep中所以就用 -S，在生产环境中要用到的。