尝试以扩展 VS Code 中的代理模式!

Visual Studio Code 在 macOS 上

安装

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

    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,可以禁用自动更新

Touch Bar 支持

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

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

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 silicon 机器上运行吗?

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