在 Visual Studio Code（VSCode）中编写 TypeScript 代码通常需要以下配置：

一、安装必要的扩展

1. TypeScript 插件：由微软官方提供，提供了语法高亮、错误检查、代码补全等功能。

二、配置 tsconfig.json 文件（如果项目中没有则创建）

1. 在项目根目录下创建一个 tsconfig.json 文件，这个文件是 TypeScript 编译器的配置文件。以下是一个基本的配置示例：

      {
        "compilerOptions": {
          "target": "es5", // 目标 JavaScript 版本
          "module": "commonjs", // 模块系统
          "outDir": "./dist", // 输出目录
          "strict": true, // 启用严格模式
          "esModuleInterop": true, // 允许 CommonJS 和 ES 模块之间的交互
          "skipLibCheck": true // 跳过对声明文件（.d.ts）的类型检查
        },
        "include": [
          "src/**/*" // 包含的文件路径
        ],
        "exclude": [
          "node_modules" // 排除的文件路径
        ]
      }

2. 根据项目需求调整配置选项：
   • "target": 设置目标 JavaScript 版本，可以是 "es3"、"es5"、"es2015"（ES6）等。
   • "module": 选择模块系统，如 "commonjs"、"esnext"、"umd" 等。
   • "outDir": 指定编译后的输出目录。
   • "strict": 开启严格模式，提高代码质量。
   • "include" 和 "exclude": 指定要包含和排除的文件路径。

三、设置任务（可选）

1. 在 VSCode 中，可以设置任务来自动编译 TypeScript 代码。打开 .vscode/tasks.json 文件，如果没有则创建它。以下是一个示例任务配置：

2.    {
        "version": "2.0.0",
        "tasks": [
          {
            "label": "tsc: build",
            "type": "shell",
            "command": "tsc",
            "problemMatcher": [],
            "group": {
              "kind": "build",
              "isDefault": true
            }
          }
        ]
      }

   这个任务会在运行时调用 tsc（TypeScript 编译器）进行编译。

3. 可以通过快捷键 Ctrl + Shift + B 来运行这个任务，或者在 VSCode 的任务面板中手动运行。

四、调试配置（可选）

1. 如果需要调试 TypeScript 代码，可以在 .vscode/launch.json 文件中配置调试器。如果没有这个文件，则创建它。以下是一个基本的调试配置示例：

      {
        "version": "0.2.0",
        "configurations": [
          {
            "name": "Debug TypeScript",
            "type": "node",
            "request": "launch",
            "program": "${workspaceFolder}/src/index.ts", // 要调试的文件路径
            "outFiles": ["${workspaceFolder}/dist/**/*.js"],
            "preLaunchTask": "tsc: build" // 在调试前运行的任务
          }
        ]
      }

2. 现在可以在 VSCode 中设置断点，然后点击调试按钮或使用快捷键 F5 来启动调试器。
3. 通过以上配置，你可以在 VSCode 中高效地编写、编译和调试 TypeScript 代码。

在使用 VSCode 编写 TypeScript 代码时，Node.js 通常是很有用的，但不是严格必需的。

五、Node.js 的作用

1. 运行和测试代码：如果你的 TypeScript 代码是为了在 Node.js 环境中运行，那么安装 Node.js 是必要的。你可以在命令行中使用 node 命令来运行编译后的 JavaScript 文件，或者使用一些测试框架在 Node.js 环境中进行单元测试。
2. 使用 npm/yarn 管理依赖：Node.js 自带了包管理器 npm（或你也可以使用 yarn），这对于管理 TypeScript 项目的依赖非常方便。例如，安装 TypeScript 本身以及其他可能用到的库和工具。

六、安装和配置 Node.js

1. 下载和安装 Node.js：访问 Node.js 官方网站，下载适合你操作系统的安装程序并进行安装。
2. 验证安装：在命令行中输入 node -v 和 npm -v（或 yarn -v 如果使用 yarn）来验证 Node.js 和包管理器是否安装成功。
3. 在项目中使用 npm/yarn：在项目目录下，可以创建一个 package.json 文件（使用 npm init -y 或 yarn init -y）来管理项目的依赖。例如，可以安装 TypeScript 编译器：npm install -g typescript 或 yarn global add typescript。

总之，如果你打算在 Node.js 环境中运行或测试你的 TypeScript 代码，或者需要使用 npm/yarn 管理项目依赖，那么安装 Node.js 是很有帮助的。但如果你的 TypeScript 代码是为其他环境（如浏览器）编写的，或者你有其他特定的构建和运行方式，那么 Node.js 可能不是必需的。

七、在vscode新建ts文件运行

1、新建文件

2.测试