🚀 在 VS Code 中

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 启动台中可用。

  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”命令。

    macOS shell commands

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

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

注意

如果您仍然在 .bash_profile(或等效文件)中保留了早期 VS Code 版本的旧 code 别名,请将其删除,并通过运行“Shell Command: Install 'code' command in PATH”命令来替换它。

手动配置路径

手动将 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 提示您,请接受最新更新,它将被安装(您无需执行任何其他操作即可获得最新版本)。

注意

如果您希望按照自己的计划更新 VS Code,您可以禁用自动更新

触控栏支持

开箱即用,VS Code 添加了以下触控栏操作

  • 在编辑器历史记录中导航
  • 完整的调试工具栏,用于在触控栏上控制调试器

macOS 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 芯片机器上运行?

是的,VS Code 支持 macOS Arm64 版本,可以在装有 Apple 芯片组的 Mac 上运行。 您可以安装通用版本(包括 Intel 和 Apple 芯片版本)或特定于平台的版本之一。