开发 TypeScript 应用可以使用多种 IDE 或编辑器，以下是一些主流选择及示例配置：

1. Visual Studio Code (VS Code)

推荐理由：轻量、免费、对 TypeScript 原生支持最好，插件生态丰富。
示例配置：

1. 安装 VS Code：官网下载
2. 初始化 TypeScript 项目：

   mkdir my-ts-app && cd my-ts-app
   npm init -y
   npm install typescript --save-dev
   npx tsc --init  # 生成 tsconfig.json
   

3. 安装插件：
   • ESLint：代码检查
   • Prettier：代码格式化
   • TypeScript Importer：自动管理导入

2. WebStorm (JetBrains)

推荐理由：功能全面，适合大型项目，但需付费。
示例配置：

1. 安装 WebStorm：官网下载
2. 直接新建 TypeScript 项目，IDE 会自动配置 tsconfig.json。
3. 内置支持调试、重构和单元测试。

3. IntelliJ IDEA (Ultimate 版)

推荐理由：支持全栈开发（如搭配 Spring Boot）。
示例配置：

1. 安装时勾选 TypeScript 插件。
2. 通过 File > New > Project 选择 TypeScript 模板。

4. 其他轻量编辑器

• Sublime Text + TypeScript Plugin：适合偏好简洁的用户。
• Atom + atom-typescript：社区维护，更新较慢。

通用配置示例 (以 VS Code 为例)

项目结构

my-ts-app/
├── src/
│   └── index.ts
├── tsconfig.json
├── package.json

tsconfig.json

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "commonjs",
    "outDir": "./dist",
    "rootDir": "./src",
    "strict": true
  }
}

package.json 脚本

{
  "scripts": {
    "build": "tsc",
    "start": "node dist/index.js"
  }
}

调试配置 (.vscode/launch.json)

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Debug TS",
      "preLaunchTask": "npm: build",
      "program": "${workspaceFolder}/dist/index.js"
    }
  ]
}

选择建议

• 初学者/个人项目：VS Code（免费+插件丰富）。
• 企业级项目：WebStorm 或 IntelliJ IDEA（功能更全）。
• 全栈开发：VS Code（前端） + IntelliJ（后端）组合。

如果需要更具体的配置（如 React + TypeScript），可以进一步说明场景！