vue 3.0学习之旅1

261 阅读1分钟

目标:vue3+ts项目框架搭建

创建vue 3.0项目要求脚手架vue-cli版本在4.5以上,还不赶紧看下本机装的什么版本, 命令:vue --verison或者vue -V

如图,版本不符合,卸载再重装下吧

网上搜了一通,找到下面两个命令来更新版本

 npm uninstall -g @vue/cli
 npm install -g @vue/cli
 

然而,并没有操作成功,两个命令都执行了,就是升级失败,一堆报错,操作来操作去,版本还是4.2,懵了,搞了半天都没解决,打算退而求其次,搭建一个vue2.0+ts的项目框架

看到这个提示,突然就灵光一闪,vue-cli升级失败原因可能之前是yarn安装导致的?于是乎,按这个命令用yarn升级了一下,果然好使了,电脑上同时用npm 和yarn可能就有这个坑...

顺利升级到4.5以上的版本了,接下来愉快的创建vue3.0的项目,手动选择了ts

来看下项目启动的界面吧

再来看下创建成功后的项目结构,开始愉快的代码之旅吧