常见的属性

scripts属性

 scripts属性用于配置一些脚本命令，以键值对的形式存在；

 配置后我们可以通过 npm run 命令的key来执行这个命令；

 npm start和npm run start的区别是什么？

✓ 它们是等价的；

✓ 对于常用的 start、 test、stop、restart可以省略掉run直接通过 npm start等方式运行；

◼ dependencies属性

 dependencies属性是指定无论开发环境还是生成环境都需要依赖的包；

 通常是我们项目实际开发用到的一些库模块vue、vuex、vue-router、react、react-dom、axios等等；

 与之对应的是devDependencies；

◼ devDependencies属性

 一些包在生成环境是不需要的，比如webpack、babel等；

 这个时候我们会通过 npm install webpack --save-dev，将它安装到devDependencies属性中；

◼ peerDependencies属性

 还有一种项目依赖关系是对等依赖，也就是你依赖的一个包，它必须是以另外一个宿主包为前提的；

 比如element-plus是依赖于vue3的，ant design是依赖于react、react-dom；

依赖的版本管理

我们会发现安装的依赖版本出现：^2.0.3或~2.0.3，这是什么意思呢？

◼ npm的包通常需要遵从semver版本规范：

◼ semver版本规范是X.Y.Z：

 X主版本号（major）：当你做了不兼容的 API 修改（可能不兼容之前的版本）；

 Y次版本号（minor）：当你做了向下兼容的功能性新增（新功能增加，但是兼容之前的版本）；

 Z修订号（patch）：当你做了向下兼容的问题修正（没有新功能，修复了之前版本的bug）；

◼ 我们这里解释一下 ^和~的区别：

 x.y.z：表示一个明确的版本号；

 ^x.y.z：表示x是保持不变的，y和z永远安装最新的版本；

 ~x.y.z：表示x和y保持不变的，z永远安装最新的版本

开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 28 天，点击查看活动详情