如何在 Mac 上安装 Visual Studio Code 1.87.0

简介

本教程将指导您如何在 mac 系统上安装 Visual Studio Code 1.87.0。Visual Studio Code（简称VS Code）是由微软开发的一款免费、开源的代码编辑器，支持多种编程语言和开发技术。它具有丰富的扩展生态系统，可以通过安装扩展来增强功能，适合各种开发需求。

前置要求

Mac 操作系统
稳定的网络连接
管理员权限
macOS 10.11+
至少1GB的可用RAM
至少200MB的可用磁盘空间

安装方法

使用官方安装程序

从Visual Studio Code官方网站下载并安装。

1. 下载安装程序

访问Visual Studio Code官方网站下载适用于macOS的安装程序。

https://code.visualstudio.com/download

选择Mac版本的安装程序（.zip或.dmg文件）。

2. 安装VS Code

打开下载的.dmg文件，将Visual Studio Code拖到Applications文件夹。

您也可以解压.zip文件，然后将Visual Studio Code.app移动到Applications文件夹。

3. 启动VS Code

从Launchpad或Applications文件夹启动VS Code。

首次启动时，macOS可能会显示安全警告，因为VS Code是从互联网下载的应用程序。点击"打开"继续。

使用Homebrew包管理器

Homebrew是macOS的包管理器，可以简化VS Code的安装过程。

1. 安装Homebrew

如果您尚未安装Homebrew，请先安装它。

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

2. 使用Homebrew安装VS Code

使用Homebrew安装VS Code。

brew install --cask visual-studio-code

验证安装

1. 启动VS Code

验证VS Code是否可以正常启动：

code

如果VS Code成功启动，说明安装正确。您应该能看到VS Code的欢迎界面。

2. 检查VS Code版本

检查VS Code的版本：

code --version

1.60.0
commit: b4c1bd0a9b03c749ea011b06c6d2676c8091a70c
date: 2021-09-08T21:25:56.316Z
electron: 13.5.1
chromium: 91.0.4472.164

3. 安装扩展

尝试安装一个扩展来验证VS Code的扩展功能：

code --install-extension ms-python.python

这个命令将安装Python扩展。如果安装成功，说明VS Code的扩展系统工作正常。

4. 创建并打开文件

创建一个简单的文件并用VS Code打开：

echo "console.log('Hello, VS Code!');" > test.js
code test.js

如果文件成功在VS Code中打开，说明VS Code的文件处理功能正常。

基本使用示例

打开文件或文件夹

打开文件或文件夹进行编辑：

# 打开单个文件
code path/to/file.js

# 打开文件夹
code path/to/project/folder

# 在新窗口中打开
code -n path/to/project/folder

使用命令行或图形界面打开文件或文件夹是VS Code的基本操作。打开文件夹后，VS Code会显示文件夹中的所有文件，便于项目管理。

使用命令面板

使用命令面板快速访问VS Code的功能：

# 按下快捷键打开命令面板
Ctrl+Shift+P (Windows/Linux)
Cmd+Shift+P (macOS)

命令面板是VS Code中最强大的功能之一，可以快速访问几乎所有VS Code的功能。在命令面板中输入命令或功能名称，VS Code会显示匹配的选项。

安装扩展

安装扩展以增强VS Code的功能：

# 使用命令行安装扩展
code --install-extension ms-python.python

# 或者使用图形界面
1. 点击左侧活动栏中的扩展图标
2. 搜索扩展名称
3. 点击"安装"按钮

VS Code的扩展系统允许您添加语言支持、调试器、工具等功能。扩展可以通过命令行或图形界面安装。

使用集成终端

使用VS Code的集成终端执行命令：

# 打开集成终端
Ctrl+` (Windows/Linux)
Cmd+` (macOS)

# 或者使用命令面板
1. 按下Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (macOS)
2. 输入"Terminal: Create New Terminal"并按Enter

VS Code的集成终端允许您在编辑器内部执行命令，无需切换到外部终端。您可以打开多个终端，并在它们之间切换。

使用Git版本控制

使用VS Code的Git集成功能管理代码版本：

# 初始化Git仓库
1. 打开命令面板 (Ctrl+Shift+P 或 Cmd+Shift+P)
2. 输入"Git: Initialize Repository"并按Enter

# 提交更改
1. 点击左侧活动栏中的源代码管理图标
2. 暂存更改（点击文件旁边的+号）
3. 输入提交消息
4. 点击"提交"按钮

VS Code内置了Git版本控制功能，可以直接在编辑器中执行常见的Git操作，如暂存、提交、推送和拉取。

使用调试器

使用VS Code的调试功能调试代码：

# 设置断点
1. 点击代码行号左侧的空白区域

# 启动调试
1. 点击左侧活动栏中的运行和调试图标
2. 点击"运行和调试"按钮
3. 选择调试配置

# 或者使用快捷键
F5 (启动调试)
Shift+F5 (停止调试)
F10 (单步执行)
F11 (单步进入)

VS Code的调试功能支持多种编程语言，可以设置断点、查看变量、评估表达式等。调试配置可以在launch.json文件中自定义。

自定义设置

自定义VS Code的设置以满足个人偏好：

# 打开设置
Ctrl+, (Windows/Linux)
Cmd+, (macOS)

# 或者使用命令面板
1. 按下Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (macOS)
2. 输入"Preferences: Open Settings (UI)"并按Enter

VS Code的设置可以通过图形界面或settings.json文件进行自定义。您可以更改主题、字体、缩进、格式化选项等各种设置。

常见问题

问题：vscode command not found

解决方案：确保软件已正确安装并添加到系统PATH中。可能需要重启终端或系统。

问题：安装过程中遇到权限错误

解决方案：确保您有管理员权限。在Windows上以管理员身份运行命令提示符，在Mac/Linux上使用sudo。

问题：扩展无法安装

解决方案：尝试重启VS Code，或者检查网络连接。您也可以手动下载扩展并安装。

# 手动安装扩展的步骤
1. 访问 https://marketplace.visualstudio.com/
2. 搜索并下载扩展的VSIX文件
3. 在VS Code中，转到扩展视图
4. 点击"..."菜单，选择"从VSIX安装..."

问题：无法启动VS Code

解决方案：尝试重新安装VS Code，或者检查是否有其他程序占用了VS Code的端口。

# 在Windows上重置VS Code
1. 关闭所有VS Code实例
2. 删除 %APPDATA%\Code 和 %USERPROFILE%\.vscode 目录
3. 重新安装VS Code

# 在macOS上重置VS Code
1. 关闭所有VS Code实例
2. 删除 ~/Library/Application Support/Code 和 ~/.vscode 目录
3. 重新安装VS Code

# 在Linux上重置VS Code
1. 关闭所有VS Code实例
2. 删除 ~/.config/Code 和 ~/.vscode 目录
3. 重新安装VS Code

问题：性能问题（编辑器响应缓慢）

解决方案：尝试禁用一些扩展，特别是那些可能消耗大量资源的扩展。您也可以尝试清除VS Code的缓存。

# 清除VS Code缓存
1. 打开命令面板（Ctrl+Shift+P或Cmd+Shift+P）
2. 输入并选择"Developer: Reload Window"

使用技巧

使用多光标编辑功能（Alt+Click或Ctrl+Alt+Up/Down）同时编辑多个位置。

使用Ctrl+D（Windows/Linux）或Cmd+D（macOS）选择下一个匹配项，快速编辑多个相同的文本。

使用Ctrl+Space（Windows/Linux/macOS）触发智能提示，获取代码补全建议。

使用Ctrl+`（Windows/Linux）或Cmd+`（macOS）切换集成终端的显示。

使用Ctrl+Shift+F（Windows/Linux）或Cmd+Shift+F（macOS）在整个项目中搜索文本。

使用Ctrl+P（Windows/Linux）或Cmd+P（macOS）快速打开文件。

使用Ctrl+G（Windows/Linux）或Cmd+G（macOS）跳转到特定行号。

使用Ctrl+/（Windows/Linux）或Cmd+/（macOS）注释或取消注释代码行。

使用Alt+Z（Windows/Linux）或Option+Z（macOS）切换自动换行。

使用Ctrl+K Ctrl+S（Windows/Linux）或Cmd+K Cmd+S（macOS）打开键盘快捷键设置。

使用工作区功能（File > Save Workspace As...）保存多个项目文件夹的配置。

使用Zen模式（View > Appearance > Zen Mode）减少干扰，专注于编码。

使用Ctrl+K V（Windows/Linux）或Cmd+K V（macOS）打开Markdown预览。

使用Ctrl+Shift+V（Windows/Linux）或Cmd+Shift+V（macOS）在新窗口中打开Markdown预览。

使用Ctrl+K Ctrl+T（Windows/Linux）或Cmd+K Cmd+T（macOS）更改颜色主题。

总结

恭喜！您已成功安装并配置了Visual Studio Code 1.87.0。VS Code是一款功能强大且灵活的代码编辑器，通过其丰富的扩展生态系统，您可以根据自己的需求定制开发环境。随着您对VS Code的深入了解，您将发现它能够显著提高您的编程效率和代码质量。继续探索VS Code的各种功能和扩展，以充分发挥其潜力。