vue & vue Cli 版本及对应关系解读

vue & vue Cli 版本对应关系

Vue CLI = Vue + 一堆的js插件。

使用方式

Vue CLI是一个脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。

Vue是渐近式框架，你可以用它一个功能，也可以用全家桶。比如你可以在老的jsp或thymeleaf项目里，引入vue.js，只用它核心的数据绑定功能。

Vue CLI = Vue + 一堆的js插件。

Vue/cli安装：

npm install -g @vue/cli （安装的是最新版）
npm install vue-cli@2.9.6 （指定版本安装【指定版本为3.0以下版本】，其中2.9.6为版本号）
npm install -g @vue/cli@3.11.0（指定版本安装【指定版本为3.0以上版本】，其中3.11.0为版本号）

通过命令行查询可用的包的版本号（3.0以下版本）：

npm view vue-cli versions --json

Vue/cli版本查看：

vue -V

版本号对应：

• Vue CLI 4.5以下，对应的是Vue2
• Vue CLI 4.5及以上，对应的是Vue3，当然，创建项目的时候可以选择Vue2

查看Vue版本：

npm list vue || npm list vue -g

如何查看vue版本和vue/cli的版本

经常有人以为vue -V是查看vue的版本，但其实不是，一开始自己迷迷糊糊也以为是，后来查文档之后才知道正确答案，特此记录下

如果查看vue版本和vue/cli脚手架的版本，这里共有两种方式：

命令行

vue版本

npm list vue

vue/cli版本

vue -V

部分截图： 

package.json文件

查看package.json文件相关依赖版本号：

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。