Visual Studio Code 的工作原理

  • 4 分钟

现在，你已熟悉 Visual Studio Code 的主要功能，让我们看看 Visual Studio Code 的工作原理—现出的功能，以及可以通过扩展市场添加的功能。

Visual Studio Code 具有轻型占用空间。 现装的 Visual Studio Code 提供：

  • 具有编辑器、资源管理器、搜索、调试器、源代码管理、终端和扩展功能的 UI。
  • 支持多种语言，包括 HTML、CSS、JavaScript 和 TypeScript。
  • 与 Git 集成进行源代码管理。
  • 与用于运行和调试 JavaScript 的Node.js集成。

对于一些开发人员来说，只需进行初始安装即可开始使用其 Web 应用程序项目。 但大多数开发人员希望通过安装扩展来添加更多工具和对其他语言的支持。

什么是扩展？

扩展是插入 Visual Studio Code UI 的代码包，并添加对功能的支持，例如：

  • 用于更改 UI 配色方案的外观或资源管理器中显示的文件图标样式的主题。
  • Linters 或代码美化器等生产力工具。
  • 其他编程语言，例如C++、Python 和数百种。
  • 调试支持。

你可以快速添加 Visual Studio Code 所需的内容，并省略不需要的内容。

在何处获取扩展？

可以从 Visual Studio Code 中的扩展市场搜索、下载和安装扩展，该扩展与 Visual Studio Marketplace 集成。 例如，可以按格式化程序、编程语言或主题等类别进行搜索。 以下屏幕截图显示了“格式化程序”类别中提供的几个扩展。 找到要添加的扩展时，请选择“ 安装”。

Visual Studio Code 的屏幕截图，其中显示了“扩展市场”视图和视图中的“更漂亮”扩展。

谁生成扩展？

Microsoft发布许多常用扩展，包括 C/C++、Python 和 Docker。 第三方（如个人或 Red Hat 等公司）也会为市场创建和发布扩展。 大多数扩展都是免费的。 但是，某些提供商收取下载和使用其扩展的费用。 发布者列在扩展名称下方。

Visual Studio Code 的屏幕截图，其中显示了“扩展市场”视图，以及视图中Microsoft发布的 Python 扩展。

场景

现在，让我们应用此知识，了解 Visual Studio Code 的工作原理，并了解如何在方案中设置 Visual Studio Code。

回想一下，在方案的第一部分，你想要为当地餐馆构建网站。 为此，你决定生成Node.js应用程序。

要执行的操作如下：

  1. 首先，下载 并安装适用于计算机平台（Windows、macOS 或 Linux）的 Visual Studio Code 版本 。

  2. 接下来，启动 Visual Studio Code 并使用内置终端，安装一个Node.js包，帮助你搭建基本的Node.js应用程序。 基架创建运行Node.js应用程序所需的多个文件。

  3. 使用编辑器工作区编辑这些文件。 编辑器中内置的 IntelliSense 通过提供代码完成提示来帮助你编写和编辑代码。 此功能有助于节省时间并确保代码的语法正确。

  4. 工作时，可以使用内置的源代码管理视图或从集成终端发出 Git 命令，将文件签入 GitHub。 通过与 GitHub 集成，可以维护工作版本，以便随着时间的推移更好地管理对代码的更改。

  5. 现在，你已熟悉 Visual Studio Code，你决定安装一个 Visual Studio Code 扩展，通过使代码的格式更易于阅读，从而增加工作效率。 搜索并安装 更 漂亮的扩展。

  6. 准备就绪后，可以使用内置调试器测试应用程序并查看其外观。

启动餐厅的网站后，可以继续使用 Visual Studio Code 处理该餐厅的其他项目。

若要准备开发清单应用程序，请下载并安装 Microsoft C/C++ 扩展 和 Microsoft Visual C++ （MSVC） 编译器工具集。 通过此设置，你可以在计算机上运行和调试C++代码。

若要配置 Visual Studio Code 以执行餐厅的数据分析，请下载并安装 Python 扩展，该扩展还包含 Jupyter 扩展。 如果计算机上尚未安装 Python，则还需要下载并安装 Python 解释器。

安装几个扩展、编译器和解释器后，将设置 Visual Studio Code，以便可以开发多个不同的应用程序。 此外，只需添加所需的这些功能，即可使代码编辑器保持轻量级。