刚开始使用vue时,不知道vue还有版本的区别,原来每个版本的vue都有各自的特点,那么如何去选择呢?

环境

首先先查询自己的vue版本

vue --version

在这里插入图片描述
如果你升级过vue-cli那么就要看下面那个文件你的vue版本了,我就是升级过,虽然vue-cli是3.11.0,但是vue在package里的版本是2.5.2
package.json
在这里插入图片描述

分析

如果你是旧版本的时候创建的项目,及时你此时升级了vue-cli,那么你创建的项目仍然是2.5.2,替换如下
https://blog.csdn.net/liu940107600/article/details/96864106

如何升级

npm uninstall -g vue-cli
npm install -g @vue/cli
yarn global remove vue-cli
yarn global add @vue/cli

vue-cli3.0新版本如何创建项目

vue create testdemo //demo是项目的名字

然后会让你选择默认或者手动,我选择手动

在这里插入图片描述
自定义配置Babel编译、使用Vue路由、Vue状态管理器、CSS预处理器、代码检测和格式化、以及单元测试,a全选,i反选,空格选择,回车确认
在这里插入图片描述
这里我们选择Babel + Router + Vuex + Css Processors

是否选择历史模式,n

在这里插入图片描述
选择less
在这里插入图片描述
选择存放位置,单独
在这里插入图片描述
选择是否保存为模板,否
在这里插入图片描述
开始初始化
在这里插入图片描述
ok
在这里插入图片描述

cd testdemo
npm run serve

成功
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐