vue 3.0学习之旅1

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

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

vue 3.0学习之旅1

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

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

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

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

vue 3.0学习之旅1

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

顺利升级到4.5以上的版本了，接下来愉快的创建vue3.0的项目，手动选择了ts vue 3.0学习之旅1

来看下项目启动的界面吧 vue 3.0学习之旅1

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

vue 3.0学习之旅1

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用？: 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。

提示下载完但解压或打开不了？: 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug，建议用百度网盘软件或迅雷下载。若排除这种情况，可在对应资源底部留言，或联络我们.。

找不到素材资源介绍文章里的示例图片？: 对于PPT，KEY，Mockups，APP，网页模版等类型的素材，文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买，且本站不负责(也没有办法)找到出处。同样地一些字体文件也是这种情况，但部分素材会在素材包内有一份字体下载链接清单。