vscode 搭建ts——node开发环境

2025-11-10 20 阅读1分钟

安装node

安装vscode

code.visualstudio.com/download

安装ts-node typescript 依赖

npm install typescript ts-node

配置tsconfg

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "declaration": true,
    "sourceMap": true,
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

配置调试器启动选项的核心文件

{
  // 使用 IntelliSense 了解相关属性。 
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Debug TS with ts-node",
      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/ts-node",
      "program": "${workspaceFolder}/src/index.ts"
    }
  ]
}

配置 Code Runner 插件

装插件：在 VSCode 扩展商店搜索并安装 Code Runner
修改执行命令：打开 VSCode 设置（Ctrl+,）→ 搜索 code-runner.executorMap → 点击「在 settings.json 中编辑」，添加 TypeScript 配置

"code-runner.executorMap":  { 
  "typescript": "npx ts-node --project ./tsconfig.json  $fullFileName" 
}