VS Code：概述与界面

每个牛仔都需要一匹马，每个蝙蝠侠都需要罗宾，而每位 DevOps 工程师也都需要一款出色的代码编辑器。DevOps 的核心是代码。当你每天都要与代码打交道时，必须拥有一款得心应手的代码编辑器。对许多 DevOps 高手而言，Visual Studio Code（VS Code）正是他们的首选。

VS Code 是近年来广受欢迎的新星，已被数百万开发者迅速采用。它是一个功能完整的集成开发环境（IDE），但相比其“前辈”Visual Studio，它更加轻量，不会因功能臃肿而让人望而生畏。VS Code 的设计理念是在整个开发过程中让你始终停留在同一个应用中，同时又不会用过多选项压垮你。

如果你还在使用记事本、PowerShell ISE 或其他简易代码编辑器，现在是时候提升你的工具水平，学习使用 VS Code 了。在本章中，我们将带你入门。我们会介绍 VS Code 的基础知识，帮助你快速上手编写代码并提交到 Git 仓库。

VS Code 概述

在开始使用 VS Code 之前，了解其基本概念至关重要。如果你已经使用过一段时间的 VS Code，可以跳转至本章项目部分继续学习。否则，请继续阅读，以便快速掌握 VS Code 是什么以及它具备哪些能提升你工作效率的功能。

VS Code 下载和安装都非常简单。如果你从未使用过 VS Code，只需几步即可完成安装，打开新标签页并立即开始编码。但如果不加配置地直接使用，你会走很多弯路，忍受大量本可避免的麻烦。本课程倡导“去繁就简”的实践方式。

为了让你尽可能少踩坑，我们先来介绍一些必备的基础知识。本章不会涵盖 VS Code 的全部功能，但足以让你快速入门，并顺利开展本章的项目实践。

界面介绍

首次打开 VS Code 时，你会看到如下图所示的用户界面。你会发现，VS Code 有几个主要区域是你日常工作中会频繁使用的。

• 编辑器窗口（标签页/组）：这是你进行大部分工作的区域。所有正在编写的代码都会在这里显示和编辑。每当打开一个新文件或修改已有文件时，内容都会出现在此窗口中。该区域支持多个标签页，并可通过编辑器组将不同标签页分组管理。

• 资源管理器（Explorer）：这是你使用频率仅次于编辑器窗口的界面部分。资源管理器会显示当前所有已打开的文件。你通常也会在此处打开整个文件夹，以便一次性查看某个目录下的所有文件。

• 侧边栏：作为一名 DevOps 人员（尤其是在使用 Git 时），侧边栏会显示你当前打开的 Git 仓库的相关信息，例如当前所处的分支名称，以及将更改推送到远程仓库的操作入口。

• 面板区：面板区相当于“输出区”。在这里，你可以看到由 VS Code 及其扩展返回的各种信息。其中还包含一个非常实用的集成终端——这是一个内置的 Bash 终端（也可通过扩展支持其他 shell），让你无需切换外部窗口，就能直接在 VS Code 中运行命令和代码。

• 状态栏：位于窗口底部的状态栏提供当前编辑器标签页的相关信息，例如光标位置、文件编码格式以及 VS Code 识别出的文件类型等。此外，VS Code 及其扩展在运行过程中也会通过状态栏向你反馈重要提示。