vue3项目搭建

vue create 你的项目名

然后接下来会出现以下几个配置

通过方向键上下来进行选择，回车键来进行确定

前面两项之前保存的预设配置

第三项是自定义配置

今天选的就是第三项

 然后就出现了以上这些配置选项

通过方向键上下来进行选择，空格键来进行确定，回车键代表选择完成

第一项：Choose Vue version 选择vue版本; 

第二项：Babel 转码，将ES6转换为ES5

第三项：TypeScript  是 JavaScript 的一个超集，支持 ECMAScript 6 标准,勾选上了vue会帮我们配置TypeScript 的环境

第四项：Progressive Web App (PWA) Support 渐进式Web应用程序（PWA）支持

第五项：Router vue中的路由

第六项：Vuex vue中的状态管理

第七项：CSS Pre-processors css里的预处理器，比如把scss转换成css

第八项：Linter / Formatter 代码检查，格式化

第九项：Unit Testing 单元测试

第十项：E2E Testing e2e（end to end） 测试

除了最后三项都勾选上

 按下回车

选择vue的版本

咱们选择vue3

方向键选择，回车键确认 

 是否使用Class风格装饰器？
即原本是：home = new Vue()创建vue实例
使用装饰器后：class home extends Vue{}

这里我们选择n

使用Babel与TypeScript一起用于自动检测的填充 

选择y

是否选择 history来作为router的模式 这里我们选择n

 选择一个css预处理器 选第一个回车

在哪配置Babel, ESLint等

他这里有两个选项

第一项专门的配置文件中

第二项 package.json文件中

我们这里选择第一项

是否用此配置来进行以后项目的默认配置 这里我们选择n

ok 一个vue3的项目咱们就搭建好了