距离vue3发布有一段时间了，但是作者并没有真正意义上的上手。
今天，尝试着本地搭建基于vue3的环境。发现其中坑还是很多的.记录一下，防止后续大家踩坑。
如果你本地已经安装过vue2，那你请先卸载，然后在安装vue3
// 卸载vue2
npm uninstall vue-cli -g
// 安装vue3
npm install -g @vue/cli
安装过后检查是否已经安装成功vue -V
然后就可以创建项目了，vue3的命令也变了，vue2跟vue3有许多不同点，这一点我们会在后续的文章中更新，帮助你更快的上手vue3.
vue create <name>
然后会像vue2一样让你选择安装的依赖之类的东西，你看着安装就行。
为了更深入的了解，我选择了第二个，安装之后打开main.js你会发现跟以前的配置不一样了。
以前是
import Vue from 'vue'
import App from './App.vue
new Vue({
el: '#app',
render: h => h(App)
});
项目中要安装vuex和vue-router吧，然后就开始按照之前的命令安装。
npm install vuex
npm install vue-router
殊不知，这样是错误的，这样下载之后你发现不论你怎么配置都是报错的。
一定要打开package.json然后对照图输入，然后重新install就ok了。
具体原因，我猜测是因为用以前的命令安装的还是老版本的，在老版本中暂时还没有支持vue3.
这里我在装了vuex和vue-router之后，我就想要有一个ui框架在里面，准备用element-ui
还是安装官网的命令和配置，发现会报错，这里报错信息我找不到了，就不给大家贴了，反正就是现在的element还不支持vue3，报错很正常，源码中写的很清楚。虽然官网上有说为vue3准备了相应的插件
vue add element
但是相信我，亲测无效，还是会有问题，也看了源码，里面还是vue2的配置。 暂时我也没找到可以兼容vue3的ui框架。 大家有好用的框架可以推荐给我。🙏🙏🙏
2021.2.25日更新
找到element的正确安装方式 详情见element-plus官网
