如何搭建 Vue3 + TypeScript 开发框架

一、新建项目
  1、vue create vue3_ts 【保证 vue-cli 的版本在V4.5.0以上《查看版本 vue -V》，此时才有创建Vue3的选项】

选择:  Manually select features

此时可以把 TypeScript ,Router ,Vuex的选项选上，然后回车进入进入下一步选择

3、选择 Vue 的版本，我们选择 3.x

4、不使用 class-style 的类样式语法 、 不使用 TypeScript和Babel的形式编译 JSX、不使用 Router 的 history模式, 都选择 n

5、选择 ESLint 的配置，我们选择  ESLint + Prettier

回车后让你选择增加 ESLint 的特性功能，选择 Lint on save

回车后让你选择这些配置文件时单独存放，还是直接存放在 package.json 文件里,我们选择单独存放

6、是否需要把这些配置保存下来，下次好直接进行使用。我们选择 n

最后，我们就默默的等 vue-cli 帮我们生成项目了！

7、项目基本结构说明

.browserslistrc 文件