VSCode内置TypeScript支持，无需额外配置即可使用语法高亮、智能提示等功能；2. 建议在项目中本地安装TypeScript以保持一致性；3. 创建tsconfig.json文件定义编译选项；4. 使用.ts或.tsx扩展名编写代码；5. 确保VSCode使用工作区版本的TypeScript避免版本不匹配。
VSCode 对 TypeScript 的支持是开箱即用的，不需要额外配置就能直接使用。TypeScript 内置集成在 VSCode 中，只要你正确设置项目环境，编辑器会自动提供语法高亮、智能提示、错误检查和代码跳转等功能。
1. 确保安装了 TypeScript
虽然 VSCode 自带一个版本的 TypeScript，但建议你在项目中本地安装，以保证与构建工具一致。
运行以下命令安装 TypeScript：- npm install typescript --save-dev
安装后，可以通过在终端运行 tsc --version 来确认是否安装成功。
2. 创建 tsconfig.json 配置文件
这个文件告诉 TypeScript 编译器如何处理你的代码。在项目根目录下创建 tsconfig.json 文件。
一个基础配置示例：{
"compilerOptions": {
"target": "ES2020",
"module": "commonjs",
"strict": true,
"outDir": "./dist",
"rootDir": "./src"
},
"include": [
"src/**/*"
]
}
有了这个文件，VSCode 会自动启用 TypeScript 语言服务，并根据配置进行类型检查和语法提示。
3. 使用 .ts 或 .tsx 文件
将你的代码文件保存为 .ts（TypeScript）或 .tsx（含 JSX）扩展名。VSCode 会自动识别并启用对应的语言特性。
常见情况：- 写 React？用 .tsx 并确保 jsx: "react-jsx" 在 tsconfig 中设置。
- 纯逻辑代码？用 .ts 即可。
4. 检查 VSCode 是否使用正确的 TypeScript 版本
有时 VSCode 可能使用内置版本而非项目本地版本，可能导致版本不一致。
切换方法：- 在任意 .ts 文件中点击右下角显示的 TypeScript 版本号（如 “TypeScript 5.0.4”）。
- 选择 “Use Workspace Version” 使用项目 node_modules 中的版本。
这样可以确保编辑器和构建行为一致。
基本上就这些。只要项目有 tsconfig.json 和本地 TypeScript，VSCode 就能完整支持开发。
