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

Visual Studio Code on macOS

安装

  1. 下载并安装 Visual Studio Code

    注意

    VS Code 每月发布版本,并在有新版本可用时支持自动更新

  2. 安装其他组件

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

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

    使用主题、格式化程序、语言扩展和调试器来自定义 VS Code,以用于您喜欢的语言,等等。

  4. 启用 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. 通过右键单击程序坞中的图标,调出上下文菜单,然后选择选项在程序坞中保留,将 VS Code 添加到程序坞中。

从命令行启动 VS Code

要通过输入 code 从终端运行 VS Code,请将其添加到 $PATH 环境变量中。

使用 VS Code 配置路径

  1. 启动 VS Code

  2. 打开命令面板 (Cmd+Shift+P),输入“shell command”,然后运行Shell 命令:在 PATH 中安装 'code' 命令

    macOS shell commands

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

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

注意

如果您的 .bash_profile(或等效文件)中仍保留着早期 VS Code 版本的旧 code 别名,请将其删除,并通过运行Shell 命令:在 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 提示您更新,接受最新的更新即可安装(您无需执行任何其他操作即可获取最新版本)。

注意

如果您希望按照自己的日程安排更新 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 置于隔离区。请按照此 issue 中的步骤解决。

VS Code 能在 Apple 芯片的 Mac 上运行吗?

是的,VS Code 支持 macOS Arm64 构建版本,可以在搭载 Apple 芯片的 Mac 上运行。您可以安装通用版本(同时包含 Intel 和 Apple 芯片版本),或安装特定平台的版本。