【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)

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

环境

首先先查询自己的vue版本

vue --version

在这里插入图片描述
如果你升级过vue-cli那么就要看下面那个文件你的vue版本了,我就是升级过,虽然vue-cli是3.11.0,但是vue在package里的版本是2.5.2
package.json
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)_第1张图片

分析

如果你是旧版本的时候创建的项目,及时你此时升级了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是项目的名字

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

【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)_第2张图片
自定义配置Babel编译、使用Vue路由、Vue状态管理器、CSS预处理器、代码检测和格式化、以及单元测试,a全选,i反选,空格选择,回车确认
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)_第3张图片
这里我们选择Babel + Router + Vuex + Css Processors

是否选择历史模式,n

【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)_第4张图片
选择less
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)_第5张图片
选择存放位置,单独
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)_第6张图片
选择是否保存为模板,否
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)_第7张图片
开始初始化
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)_第8张图片
ok
在这里插入图片描述

cd testdemo
npm run serve

成功
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)_第9张图片

你可能感兴趣的:(#,源计划,#,Vue)