vue3手动安装ts

要在Vue 3中手动安装TypeScript（TS），请按照以下步骤进行操作：

1. 创建一个新的Vue项目或进入你已有的Vue项目的根目录。

2. 打开终端，并确保已安装了Node.js和npm。

3. 在终端中运行以下命令，以初始化一个新的Vue项目（如果你已经有一个Vue项目，请跳过此步骤）：

vue create my-app

按照提示选择特性和配置选项。

4. 进入项目目录：

cd my-app

5. 安装TypeScript依赖：

npm install typescript --save-dev

6. 初始化TypeScript配置文件`tsconfig.json`：

npx tsc --init

这将在项目根目录下生成一个`tsconfig.json`文件。

7. 修改`tsconfig.json`文件，确保以下配置项已启用：

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "moduleResolution": "node",
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

这些配置项将确保TypeScript正确编译你的Vue代码。

8. 现在，你可以使用`.ts`或`.tsx`扩展名创建Vue组件，并在项目中使用TypeScript了。

请注意，这只是在Vue 3中手动添加TypeScript的基本步骤。根据你的项目需求，可能还需要安装其他TypeScript相关的库和插件。