vue3加ts构建项目步骤

1.1首先检测vue脚手架版本

首先查看自己安装的vue脚手架版本需要在4.5.1之后，输入vue -V

1.2 使用vue脚手架创建项目

输入vue create vue3-demo ps：vue3-demo是项目名

vue create vue3-demo

1.选择第三个为手动选择功能

2.通过上下键选择，通过空格键选中(使用Babel，TypeScript，Router、Vuex、CSS Pre-processors、Linter / Formatter)，按回车

3.选择vue3按回车

4.是否使用 Class 风格装饰器，此处输入【y】，然后回车确认；

5.Babel 和 TS 是否一起使用，用于现代模式、自动检测的 polyfills 和转译 JSX，此处输入【y】，然后回车确认；

6.是否使用history路由模式，此处输入【n】，即使用默认的 hash 模式，然后回车确认

7.选择 CSS 预处理器，按上下方向键来选择，笔者习惯了 Less，然后回车确认；

8.选择第一个ESLint with error prevention only（仅具有错误预防功能的ESLint）

9.Babel、ESLint 等插件的配置是单独的文件进行配置，还是都在 package.json 文件里面？此处输选择 package.json 咯，并不想太多零散的配置文件，然后回车确认；

10.是否保存当前创建 Vue3 项目的特性配置，下次再创建 Vue 项目的时候，可以选择该特性，然后回车确认即可创建完成。这个可以不用保存，输入【n】，然后回车确认；

11.创建成功

1.3 用vscode打开并输入npm run serve运行

项目创建成功