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的项目咱们就搭建好了