如何安装和使用VisualStudioCode(VSCode)命令行界面

介绍

Visual Studio Code 是一个免费的、开源的、跨平台的文本编辑器，主要由微软开发。 它使用 JavaScript 和 CSS 等 Web 技术，这有助于促进社区创建的插件的大型生态系统，以将其功能扩展到许多不同的编程语言和功能。

在本教程中，你将安装 Visual Studio Code 命令行界面并学习如何使用它来打开文件和目录、比较文件之间的更改以及安装扩展。

先决条件

要完成本教程，您需要安装 Visual Studio Code。 请参考 官方设置 Visual Studio Code 文档了解如何为您的平台安装 Code。

安装 Visual Studio Code 命令行界面

在使用之前，您可能需要安装 Visual Studio Code 命令行界面。 为此，首先启动正常的 Visual Studio Code 图形界面。 如果这是您第一次打开应用程序，默认屏幕左侧将有一个图标栏和一个默认欢迎选项卡：

Visual Studio Code 提供了一个内置命令来安装其命令行界面。 通过在 Mac 上键入 Command+Shift+P 或在 Windows 和 Linux 上键入 Control+Shift+P 来调出 Code 的命令面板：

这将在代码窗口顶部附近打开一个提示。 在提示中输入 shell command。 它应该自动完成正确的命令，该命令将读取 Shell Command: Install 'code' command in PATH：

按 ENTER 运行突出显示的命令。 系统可能会提示您输入管理员凭据以完成安装过程。

您现在已经安装了 code 命令行命令。

通过运行带有 --version 标志的 code 来验证安装是否成功：

code --version

Output1.62.1
f4af3cbf5a99787542e2a30fe1fd37cd644cc31f
x64

如果您的输出包含版本字符串，则您已成功安装 Visual Studio Code 命令行界面。 接下来的几节将向您展示一些使用它的方法。

使用 code 命令打开文件

使用一个或多个文件名运行 code 命令将在 Visual Studio Code GUI 中打开这些文件：

code file1

这将在 Code 中打开 file1 文件。

code *.md

这将在 Code 中打开当前目录中的所有 markdown (.md) 文件。

默认情况下，如果现有代码窗口可用，文件将在现有代码窗口中打开。 使用 --new-window 标志强制 Visual Studio Code 为指定文件打开一个新窗口。

使用 code 命令打开目录

使用 code 命令后跟一个或多个目录名称在新的 Visual Studio Code 窗口中打开目录：

code directory1 directory2

代码将为目录打开一个新窗口。 使用 --reuse-window 标志来告诉代码重用现有的最前面的窗口。

使用 code 命令打开 .code-workspace 工作区文件

使用 code 命令打开工作区文件的工作方式类似于打开目录：

code example.code-workspace

这将在新窗口中打开 example 工作区，除非您通过添加 --reuse-window 标志来重用现有窗口。

使用 code 命令安装扩展

您也可以使用 code 命令行工具安装 Visual Studio Code 扩展。 为此，您首先需要知道扩展的 唯一标识符 。 若要查找此信息，请首先导航到 Visual Studio Marketplace 上的扩展页面。

例如，这里是 Jupyter Notebook 扩展的页面：

https://marketplace.visualstudio.com/items?itemName=ms-toolsai.jupyter

注意地址中的 itemName 参数。 此参数的值 ms-toolsai.jupyter 是此扩展程序的唯一标识符。

您还可以在 Marketplace 页面本身的 More info 部分右侧列的底部找到此信息：

一旦你有了这个唯一的 id，你就可以将它与 code --install-extension 一起使用来安装扩展：

code --install-extension ms-toolsai.jupyter

OutputInstalling extension 'ms-toolsai.jupyter'...
Extension 'ms-toolsai.jupyter' v2021.11.1001489384 was successfully installed.

使用与 --uninstall-extension 标志相同的 id 来卸载扩展。

使用 code 命令显示两个文件之间的差异

要显示标准的分屏 diff 以突出显示两个文件之间的添加、删除和更改，请使用 --diff 标志：

code --diff file1 file2

与打开文件类似，这将默认重用最前面的窗口（如果存在）。 要强制打开新窗口，请使用 --new-window 标志。

使用 code 命令将 stdin 导入 Visual Studio 代码

大多数命令行 shell 的一个重要特性是能够 pipe（或 发送 ）一个命令的输出到下一个命令的输入。 在以下命令行中，注意 | 管道字符将 ls ~ 命令连接到 code -：

ls ~ | code -

这将在 ~ 目录上执行 ls 命令，该目录是当前用户主目录的快捷方式。 ls 的输出将是您的主目录中的文件和目录列表。 这将被发送到 code 命令，其中单个 - 表示它应该读取管道中的文本而不是文件。

code 将输出一些关于它为保存输入而创建的临时文件的信息：

OutputReading from stdin via: /var/folders/dw/ncv0fr3x0xg7tg0c_cvfynvh0000gn/T/code-stdin-jfa

然后这个文件将在代码 GUI 界面中打开：

此命令将继续无限期地等待更多输入。 按 CTRL+C 让 code 停止监听并返回你的 shell。

添加 --new-window 标志以强制代码为输入打开一个新窗口。

结论

在本教程中，您安装了 Visual Studio Code 的 code 命令行工具，并使用它来打开文件和目录、比较文件以及安装扩展。

要了解有关 code 命令的更多信息，可以运行其 --help 函数：

code --help

您也可以参考官方 Visual Studio Code 命令行文档或看看我们的 VS Code 标签页了解更多 Visual Studio Code 教程、技术讲座和问答。