在 VS Code 中使用 TypeScript （全局安装）

在 VS Code 中使用 TypeScript 通常不需要需要先确保系统中安装了 Node.js（因为 TypeScript 依赖 Node.js 的包管理工具 npm），然后可以按照以下步骤安装和配置 TypeScript：

步骤 1：安装 Node.js

1. 访问 Node.js 官网 下载并安装 Node.js（推荐安装 LTS 版本）

2. 安装完成后，打开终端（命令提示符或 PowerShell），输入以下命令验证安装是否成功：

   bash

   node -v   # 显示 Node.js 版本
   npm -v    # 显示 npm 版本
   

步骤 2：安装 TypeScript

1. 打开终端，输入以下命令全局安装 TypeScript：

   bash

   npm install -g typescript
   

   （-g 表示全局安装，这样可以在任何项目中使用 TypeScript）

2. 安装完成后，验证 TypeScript 版本：

   bash

   tsc -v   # 显示 TypeScript 版本号，如 Version 5.2.2
   

步骤 3：在 VS Code 中使用 TypeScript

1. 在 VS Code 中打开一个项目文件夹

2. 初始化 TypeScript 配置文件：

   • 打开 VS Code 终端（快捷键 Ctrl+`` 或 View > Terminal`）
   • 输入命令：tsc --init
   • 这会在项目根目录生成 tsconfig.json 配置文件，你可以根据需要修改其中的配置

3. 创建一个 .ts 文件（如 app.ts），编写 TypeScript 代码

4. 编译 TypeScript 代码为 JavaScript：

   • 终端中输入 tsc 编译所有 .ts 文件
   • 或输入 tsc app.ts 单独编译指定文件
   • 编译后会生成对应的 .js 文件

步骤 4：配置 VS Code 自动编译（可选）

1. 在 VS Code 中打开命令面板（Ctrl+Shift+P 或 F1）

2. 输入并选择 Tasks: Configure Task

3. 选择 tsc: watch - tsconfig.json

4. 之后可以通过 Ctrl+Shift+B 运行监视任务，VS Code 会在你修改 .ts 文件时自动编译

这样就完成了在 VS Code 中 TypeScript 的安装和基本配置，可以开始编写 TypeScript 代码了。