macOS 上的 Visual Studio Code

安装

1. 下载并安装 Visual Studio Code

   注意

   VS Code 按月发布，并支持在新版本可用时自动更新。

2. 安装附加组件

   安装 Git、Node.js、TypeScript、语言运行时等。

3. 从 Visual Studio Marketplace 安装 VS Code 扩展

   使用主题、格式化程序、您喜欢的语言的语言扩展和调试器等个性化 VS Code。

4. 使用 GitHub Copilot 设置 AI 辅助编程

   提示

   如果您还没有 Copilot 订阅，可以通过注册 Copilot 免费计划免费使用 Copilot，并获得每月完成和聊天交互的限制。

5. 从 VS Code 教程开始入门

   了解 VS Code 的用户界面和主要功能。

在 macOS 上安装 VS Code

1. 下载适用于 macOS 的 Visual Studio Code。

2. 打开浏览器的下载列表，找到下载的应用程序或存档。

3. 如果是存档，提取存档内容。对于某些浏览器，可以使用双击，或者使用 Safari 的“放大镜”图标。

4. 将 Visual Studio Code.app 拖到应用程序文件夹，使其在 macOS Launchpad 中可用。

5. 双击图标，从应用程序文件夹打开 VS Code。

6. 右键单击 Dock 中的图标，调出上下文菜单，然后选择选项，保留在 Dock 中，将 VS Code 添加到 Dock。

从命令行启动 VS Code

要从终端输入 code 运行 VS Code，请将其添加到 $PATH 环境变量

使用 VS Code 配置路径

1. 启动 VS Code

2. 打开命令面板 (Cmd+Shift+P)，键入“shell command”，然后运行Shell Command: Install 'code' command in PATH 命令。

   

3. 重新启动终端以使新的 $PATH 值生效。

   您现在可以在任何文件夹中键入“code .” 来开始编辑该文件夹中的文件。

手动配置路径

要手动将 VS Code 添加到您的路径

1. 运行以下命令

   Zsh:

   cat << EOF >> ~/.zprofile
   # Add Visual Studio Code (code)
   export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
   EOF
   

   Bash:

   cat << EOF >> ~/.bash_profile
   # Add Visual Studio Code (code)
   export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
   EOF
   

   注意

   前导斜杠 \ 是必需的，以防止在连接过程中 $PATH 扩展。如果您想直接在终端中运行 export 命令，请删除前导斜杠。

2. 启动一个新终端以使您的更改生效。

   您现在可以在任何文件夹中键入“code .” 来开始编辑该文件夹中的文件。

更新

VS Code 每月发布 更新，并支持在新版本可用时自动更新。如果 VS Code 提示您，请接受最新的更新，它将得到安装（您无需做任何其他事情即可获得最新版本）。

Touch Bar 支持

开箱即用，VS Code 添加了以下 Touch Bar 操作

• 在编辑器历史中导航
• 完整的调试工具栏，用于在 Touch Bar 上控制调试器

Mojave 隐私保护

在 macOS Mojave 上，您可能会看到对话框显示“Visual Studio Code 想访问您的 {日历/联系人/照片}。”这是由于 Mojave 中新的隐私保护措施所致，并非 VS Code 特有。运行其他应用程序时也可能会显示相同的对话框。对话框每种类型的个人数据会显示一次，选择不允许是没问题的，因为 VS Code 不需要访问这些文件夹。

后续步骤

安装 VS Code 后，以下主题将帮助您了解更多信息

• VS Code 教程 - 快速动手了解 VS Code 的主要功能。
• 技巧和窍门 - 使用 VS Code 提高效率的技巧集合。
• AI 辅助编码 - 了解如何在 VS Code 中使用 GitHub Copilot 来帮助您更快地编写代码。

常见问题

为什么我看到“Visual Studio Code 想访问您的日历。”

如果您运行的是 macOS Mojave 版本，可能会看到对话框显示“Visual Studio Code 想访问您的 {日历/联系人/照片}。”这是由于上述Mojave 中新的隐私保护措施所致。选择不允许是没问题的，因为 VS Code 不需要访问这些文件夹。

VS Code 更新失败

如果 VS Code 重新启动后没有更新，可能是被 macOS 设置为隔离状态。请按照此问题中的步骤解决。

VS Code 是否在 Apple silicon 机器上运行？

是的，VS Code 支持 macOS Arm64 构建，可以在配备 Apple silicon 芯片组的 Mac 上运行。您可以安装包含 Intel 和 Apple silicon 构建的通用构建，或其中一个特定于平台的构建。