VisualStudioCode任务自动化全解析

### Visual Studio Code 任务自动化全解析 #### 1. 任务自动化基础 Visual Studio Code 不仅仅是一个简单的代码编辑器，它还能通过运行外部工具来执行诸如编译和测试代码等操作。要运行相关示例，你需要安装以下软件： - Node.js：一个基于 Chrome JavaScript 引擎的免费开源 JavaScript 运行时，可从 [https://nodejs.org](https://nodejs.org) 下载。 - TypeScript 编译器（tsc）：可通过 Node.js 命令行使用以下命令安装： ```bash > npm install -g typescript ``` 使用 Node.js 和 TypeScript 可以帮助你避免对操作系统和专有开发环境的依赖。 #### 2. 理解任务 在 Visual Studio Code 中，执行应用程序生命周期中的操作（如编译、调试和测试）通常需要调用外部程序。在其术语中，与外部程序集成并在应用程序生命周期流程中执行的操作就是任务。运行任务不仅要执行外部程序，还要获取其输出，并以最方便的方式在用户界面（如集成终端）中显示。 任务本质上是一组用 JSON 表示的指令和属性，存储在名为 `tasks.json` 的特殊文件中。如果 Visual Studio Code 能检测到文件夹中的项目或源代码类型，`tasks.json` 文件并非总是必需的；若无法检测或对默认设置不满意，它会在当前文件夹下生成一个名为 `.vscode` 的隐藏子文件夹，并在其中创建 `tasks.json` 文件。若能检测，还会预先填充合适的信息，否则需手动配置。 #### 3. 任务类型 源代码文件夹的任务类型没有限制，但常见的有以下几种： - **构建任务（Build task）**：用于将源代码、资产、元数据和资源编译成二进制或可执行文件，如库或程序。 - **测试任务（Test task）**：用于运行源代码中的单元测试。 - **监视任务（Watch task）**：以监视模式启动编译器，该模式下编译器会在每次保存时监视最新构建后未解决文件的更改并重新编译。 Visual Studio Code 为执行构建任务提供了内置快捷方式，添加新任务时会更新以提供相应快捷方式。你还可以区分同一类型的任务，例如有默认构建任务和特定情况下才能执行的自定义构建任务。 #### 4. 运行和管理任务 理解任务的实际方法是运行现有的预配置任务。以下是具体步骤： 1. 启动 Visual Studio Code，打开之前从 GitHub 上的 TypeScript 示例仓库（[https://github.com/Microsoft/TypeScriptSamples](https://github.com/Microsoft/TypeScriptSamples)）下载的 `simple` 项目文件夹。 2. Visual Studio Code 会将其识别为 TypeScript 项目并预配置一些任务。 3. 打开终端菜单，其中有多个与任务相关的命令，具体说明如下表： | 命令 | 描述 | | --- | --- | | Run Task | 在命令面板中显示可用任务列表并运行所选任务。 | | Run Build Task | 运行默认的预配置构建任务（如果有）。 | | Terminate Task | 强制停止任务。 | | Restart Running Task | 重启当前正在运行的任务。 | | Show Running Tasks | 在终端面板中显示当前正在运行任务的输出。 | | Configure Tasks | 在命令面板中显示可用任务列表，并允许在 `tasks.json` 文件编辑器中编辑所选任务。 | | Configure Default Build Task | 在命令面板中显示可用任务列表，并允许选择用作构建任务的任务。 | 如果你选择 `Run Task`，VS Code 会在命令面板中显示可用任务类别列表，选择 `typescript` 类别后，会显示该类别下的可用任务，如 `tsc: build` 和 `tsc: watch`，它们都指向 `tsconfig.json` 项目文件。选择 `tsc build` 后，VS Code 会启动 tsc 编译器，将 TypeScript 代码编译成 JavaScript 代码。终端面板会显示任务执行的进度和结果，同时在资源管理器栏中会生成 `.js` 文件和 `.js.map` 文件。 若终端显示 `.ps1` 文件无法加载的错误信息，可先尝试以管理员身份重启 VS Code 并重复步骤；若问题仍未解决，则需要在机器上启用脚本执行。你可以自行操作（如果你是计算机管理员），否则需向网络管理员咨询，详细信息可查看 [https:/go.microsoft.com/fwlink/?LinkID=135170](https:/go.microsoft.com/fwlink/?LinkID=135170)。 你可以使用 `Terminate Task` 和 `Restart Running Task` 命令分别停止和重启任务。若构建任务因关键错误无法成功完成，例如从 `animals.ts` 文件中删除一个右括号后再次运行构建任务，VS Code 会在终端面板中显示 tsc 工具的详细日志，描述错误及引发错误的代码行。 #### 5. 默认构建任务 由于构建源代码是最常用的任务，Visual Studio Code 在终端菜单中提供了 `Run Build Task` 快捷方式（Windows 上为 `Ctrl + Shift + B`，macOS 上为 `⇧ + ⌘ + B`）。但你需要先设置默认构建任务，否则该命令的行为将与 `Run Task` 相同。设置步骤如下： 1. 选择 `Terminal ➤ Configure Default Build Task`。 2. 当命令面板出现时，选择要设置为默认构建任务的任务，例如 `tsc build`。 3. 此时，VS Code 会更改默认配置，在 `.vscode` 文件夹下生成新的 `tasks.json` 文件，并在新的编辑器窗口中打开。 设置完成后，选择 `Terminal ➤ Run Build Task` 或使用快捷键，即可执