vscode配置TypeScript

Visual Studio Code (VSCode) 配置 TypeScript 主要涉及安装插件、设置tsconfig.json文件以及配置代码提示和错误检查。以下是详细的步骤：

1. **安装Node.js**：确保已安装Node.js，因为TypeScript需要Node.js环境运行。

2. **安装VSCode**：如果你还没安装，可以从官网下载并安装最新版本的VSCode。

3. **安装TypeScript extensions**：打开VSCode，前往Marketplace搜索“TypeScript”或直接访问` Extensions > Install Extension > Prettier - Code formatter` 和 `TypeScript and JavaScript Language Support` 等相关的类型支持插件。

4. **创建或更新tsconfig.json**：这个文件是TypeScript项目的配置文件，通常放在项目根目录下。你可以通过命令行 `tsc --init` 自动生成基本的配置，也可以手动编辑它来定制编译选项。例如，添加目标平台(`target`)、模块系统(`module`)等设置。

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "outDir": "./dist", // 输出目录
    "strict": true, // 开启严格模式
    "esModuleInterop": true // 允许CommonJS导入ES模块
  },
  "include": ["src/**/*"] // 指定源文件目录
}

5. **启用TS语言服务**：在VSCode中，你需要设置`"javascript.validate.enable"`和`"typescript.validate.enable"`为`true`，以便在编辑时自动校验语法和类型。

6. **保存时自动编译**：可以使用`TypeScript Task Runner`（如TSServer或Preset tasks）配置保存时自动编译。在`settings.json`中添加任务配置。

{
  "tasks": [
    {
      "type": "typescript-tsc",
      "problemMatcher": "$tsc",
      "watchOptions": {
        "restartOnFileChange": true
      }
    }
  ]
}

7. **代码提示**：默认情况下，VSCode会提供TypeScript的智能提示。如果遇到问题，可能需要重启VSCode，让新安装的插件生效。