npm install --save 和 --save-dev的区别及package.json中^,~的区别

本文深入解析了npm包管理工具的使用方法，详细介绍了如何通过npminstall--save和npminstall--save-dev命令安装包，并解释了它们在package.json文件中dependencies和devDependencies字段的差异。此外，还阐述了如何卸载包以及package.json中版本号指定符^和~的意义。

首先无论是 npm install --save XXX(--save简写为-S) 或 npm install --save-dev XXX(--save-dev简写为-D) 都会在node_modules目录中添加相应的npm包(XXX为包名)

但是在package.json中会有些不同

--save 会在package.json 中的dependencies中添加XXX ,

而 --save-dev 会在package.json 中的 devDependencies中添加XXX

devDependencies中的包是在开发中用到的，而发布后是找不到，而dependencies中的包是开发和线上都需要用到的，比如element-ui，jQuery等。

我们在卸载某个包的时候也可以根据上面说的添上 –save 或 –save-dev 就会在package.json中删除相应的配置。

package.json中^,~的区别

"devDependencies": {
    "antd": "^3.1.4",
    "babel-plugin-import": "~1.1.0",
    "classnames": "2.2.5",
}
复制代码

指定版本号

（1）指定版本：比如"classnames": "2.2.5"，表示安装2.2.5的版本

（2）波浪号~+指定版本：比如 "babel-plugin-import": "~1.1.0",表示安装1.1.x的最新版本（不低于1.1.0），但是不安装1.2.x，也就是说安装时不改变大版本号和次要版本号

（3）^+指定版本：比如 "antd": "^3.1.4",，表示安装3.1.4及以上的版本，但是不安装4.0.0，也就是说安装时不改变大版本号。

作者：晨夕1
链接：https://juejin.im/post/5cece08d5188251a115f42cb
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。