让vue3支持ts需要安装什么

为了让 Vue 3 支持 TypeScript，需要安装以下依赖：

- `vue`：Vue 3 的核心库。
- `@vue/compiler-sfc`：Vue 3 的单文件组件编译器。
- `typescript`：TypeScript 编译器。

可以使用以下命令进行安装：

npm install vue@next @vue/compiler-sfc typescript --save-dev

或者

yarn add vue@next @vue/compiler-sfc typescript -D

安装完成后，还需要在项目的 `tsconfig.json` 文件中进行配置，以支持 Vue 3 中的特殊语法。以下是一个示例 `tsconfig.json` 配置：

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "jsx": "preserve",
    "sourceMap": true,
    "strict": true,
    "esModuleInterop": true,
    "experimentalDecorators": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
  "exclude": ["node_modules"]
}

注意，上面的配置中包含了 `"src/**/*.vue"`，这是为了让 TypeScript 编译器能够识别 `.vue` 文件中的 `<script>` 标签中的 TypeScript 代码。如果你的项目中没有使用 `.vue` 文件，可以将这个设置删除。