vue项目中package.json中的版本号

最新推荐文章于 2024-06-12 16:34:17 发布

原创最新推荐文章于 2024-06-12 16:34:17 发布 · 8.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue #nodejs #webpack #npm

前端同时被 2 个专栏收录

31 篇文章

订阅专栏

vue

4 篇文章

订阅专栏

本文详细介绍了在使用Node.js、Webpack和Vue CLI搭建的项目中如何利用npm进行依赖管理，包括不同安装选项的区别，如全局安装、本地安装及保存至package.json的不同方式。同时，深入探讨了版本号管理策略，解释了符号^和~在依赖版本更新中的作用。

使用nodejs webpack vue-cli脚手架搭建的vue项目

安装element vuex等均使用cnpm install

npm install moduleName # 安装模块到项目目录下
 
npm install -g moduleName # -g 的意思是将模块安装到全局，具体安装到磁盘哪个位置，要看 npm config prefix 的位置。
 
npm install -save moduleName # -save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。
 
npm install -save-dev moduleName # -save-dev 的意思是将模块安装到项目目录下，并在package文件的devDependencies节点写入依赖。

在安装完成后, 会自动在package文件下de相应节点写入依赖, 包括依赖名和版本号

版本号格式:

major.minor.patch

主版本号.次版本号.修补版本号



patch：修复bug，兼容老版本

minor：新增功能，兼容老版本

major：新的架构调整，不兼容老版本

在版本号前默认带有"^", 他会把当前库的版本更新到当前major version中最新的版本

例如:demo:^1.1.2，这个库会去匹配1.x.x中最新的版本,但是他不会自动更新到2.0.0

所以假如过了一段时间你的项目放到另一个地方, 使用cnpm install重新下载依赖, 可能出现element样式突然改变, 某插件方法无法使用等诡异事件.

开发的时候最好版本号前的"^"去掉, 这样就会完全匹配版本号

此外, 除了"^", 有时也会看到"~", 他会更新到当前minor version中最新的版本

例如:demo:^1.1.2，这个库会去匹配1.1.x中最新的版本，但是他不会自动更新到1.2.0

"~"是曾经npm安装时候的默认符号，现在的默认符号是"^"