如何创建vue3+ts的项目

创建 Vue 3 + TypeScript 项目需要先安装 Vue CLI 4.x 版本，然后通过命令行创建项目：

1. 安装 Vue CLI 4.x 版本

npm install -g @vue/cli

2. 创建 Vue 3 + TypeScript 项目

vue create <project-name>

在创建项目的过程中，需要选择手动配置，然后选择以下选项：

- 选择 Babel、TypeScript 和 Router
- 选择 Use class-style component syntax
- 选择 Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)

最后，按照提示完成项目创建即可。

创建完成后，可以在 `src` 目录下创建一个 `main.ts` 文件作为项目入口文件，内容如下：

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

同时，为了让 TypeScript 能够正确识别 Vue 组件，需要在 `src` 目录下创建一个 `shims-vue.d.ts` 文件，内容如下：

declare module '*.vue' {
  import { ComponentOptions } from 'vue'
  const component: ComponentOptions
  export default component
}

以上就是创建 Vue 3 + TypeScript 项目的步骤，希望能够对您有所帮助。