Vue项目package.json与实际安装Vue版本不一致问题咨询

版本差异原因 #

package.json中"vue": "^3.0.0"里的^是npm的版本范围标识符，代表允许安装3.0.0及以上、4.0.0以下的所有兼容版本。你创建项目时，Vue官方已经发布了3.2.20这个3.x分支的稳定版本，npm安装依赖时会自动拉取符合版本范围的最新稳定版，所以实际安装的是3.2.20。
npm list vue和vue ui返回的是项目node_modules目录中实际安装的精确版本，和package.json里的版本范围声明本来就不是同一概念，不属于异常问题。

项目实际使用的Vue版本 #

运行项目时加载的是node_modules里的实际安装包，所以你的项目当前实际使用的就是3.2.20版本，以npm list vue的返回结果为准。

不一致问题解决方法 #

• 若需要完全锁定Vue版本，避免后续自动更新到更高3.x版本：直接修改package.json中vue依赖的声明为"vue": "3.2.20"，删除版本号前的^符号即可，之后重新执行npm install会固定安装该版本。
• 若要保留小版本自动更新能力，同时让版本范围更贴近当前使用的版本：执行命令npm install vue@^3.2.20 --save，执行完成后package.json的vue依赖声明会自动更新为"vue": "^3.2.20"，后续安装依赖时只会拉取3.2.20及以上、3.3.0以下的兼容版本。
• 若需要查看所有依赖的精确安装版本，直接查阅项目根目录下的package-lock.json文件即可，该文件会记录所有依赖的实际安装版本信息。

内容的提问来源于stack exchange，提问作者Steve Jobs