如何在 Linux 上安装 Visual Studio Code 1.86.2

简介

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

前置要求

  • Linux 操作系统
  • 稳定的网络连接
  • 管理员权限(用于执行sudo命令)
  • GNOME、KDE或Unity桌面环境
  • 至少1GB的可用RAM
  • 至少200MB的可用磁盘空间

安装方法

使用包管理器

使用系统的包管理器安装VS Code。

1. 使用apt安装VS Code (Debian/Ubuntu)

在Debian或Ubuntu系统上使用apt安装VS Code。

# 添加Microsoft GPG密钥
wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > packages.microsoft.gpg
sudo install -o root -g root -m 644 packages.microsoft.gpg /etc/apt/trusted.gpg.d/
sudo sh -c 'echo "deb [arch=amd64,arm64,armhf signed-by=/etc/apt/trusted.gpg.d/packages.microsoft.gpg] https://packages.microsoft.com/repos/code stable main" > /etc/apt/sources.list.d/vscode.list'
rm -f packages.microsoft.gpg

# 更新包缓存并安装VS Code
sudo apt update
sudo apt install code

2. 使用dnf安装VS Code (Fedora/RHEL)

在Fedora或RHEL系统上使用dnf安装VS Code。

# 添加Microsoft GPG密钥
sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'

# 更新包缓存并安装VS Code
sudo dnf check-update
sudo dnf install code

3. 使用zypper安装VS Code (openSUSE)

在openSUSE系统上使用zypper安装VS Code。

# 添加Microsoft GPG密钥
sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ntype=rpm-md\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/zypp/repos.d/vscode.repo'

# 更新包缓存并安装VS Code
sudo zypper refresh
sudo zypper install code

使用Snap包

使用Snap包管理器安装VS Code。

1. 安装Snap

如果您的系统尚未安装Snap,请先安装它。

# 在Debian/Ubuntu上安装Snap
sudo apt update
sudo apt install snapd

# 在Fedora上安装Snap
sudo dnf install snapd

# 在openSUSE上安装Snap
sudo zypper install snapd

2. 使用Snap安装VS Code

使用Snap安装VS Code。

sudo snap install code --classic

使用官方压缩包

从Visual Studio Code官方网站下载压缩包并手动安装。

1. 下载压缩包

访问Visual Studio Code官方网站下载适用于Linux的压缩包。

https://code.visualstudio.com/download

选择Linux版本的压缩包(.tar.gz文件)。

2. 解压文件

将下载的tar.gz文件解压到您选择的目录。

tar -xzvf VSCode-linux-x64-1.60.0.tar.gz -C ~/Applications

3. 创建桌面快捷方式

创建一个桌面条目文件,以便从应用程序菜单启动VS Code。

cat > ~/.local/share/applications/code.desktop << EOF
[Desktop Entry]
Name=Visual Studio Code
Comment=Code Editing. Redefined.
GenericName=Text Editor
Exec=~/Applications/VSCode-linux-x64/code --unity-launch %F
Icon=~/Applications/VSCode-linux-x64/resources/app/resources/linux/code.png
Type=Application
StartupNotify=false
StartupWMClass=Code
Categories=Utility;TextEditor;Development;IDE;
MimeType=text/plain;inode/directory;application/x-code-workspace;
Keywords=vscode;
EOF

请根据您的实际解压路径调整上述命令中的路径。

验证安装

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.86.2。VS Code是一款功能强大且灵活的代码编辑器,通过其丰富的扩展生态系统,您可以根据自己的需求定制开发环境。随着您对VS Code的深入了解,您将发现它能够显著提高您的编程效率和代码质量。继续探索VS Code的各种功能和扩展,以充分发挥其潜力。