vscode for Ubuntu

2025年03月17日 | 阅读 9 分钟

什么是 vscode

vscodeVisual Studio Code 的简称。它是由 Microsoft 开发的一款强大的开源代码编辑器Visual Studio Code 包含调试、代码片段、代码重构、集成终端、代码补全、语法高亮和嵌入式 Git 控制的内置支持Vscode跨平台的,可在 macOS、LinuxWindows 上使用。

我们可以使用 Microsoft 存储库作为 deb 包安装 vscode,或使用 Snapcraft 商店作为 snap 包安装。我们也可以选择最适合我们环境的安装方法。

在 Ubuntu 系统上安装 vscode 的推荐和最简单方法是设置 vscode 存储库,并使用命令行或终端安装 vscode 包。

  • Visual Studio Code 的跨平台特性是其主要亮点之一,因为开发人员在切换平台时无需更改工具或学习新的 UI。
  • vscode 的所有功能几乎都对每个用户可用,无论其操作系统功能如何,例如集成终端、嵌入式 Git 控制、智能自动补全、语法高亮和调试。
  • 此外,该编辑器还包括对 Node.js、TypeScript 和 JavaScript 等语言的强大支持。
  • 还提供了丰富的扩展集合,支持 Go、PHP、Python、Java、C# 和 C++ 等其他类型的语言,以及 Unity 和 .Net 等运行时。

Visual Studio Code 结合了经典代码编辑器的强大和简洁,支持调试体验和集成导航,同时又没有完全功能的集成开发环境(或 IDE)的要求,例如著名的 Visual Studio IDE。Vscode 建立在提供出色 C# 代码分析支持的架构之上。

Microsoft 对 vscode 的愿景是提供一个跨平台、快速且简单的代码编辑器,用于创建云和 Web 应用程序。Vscode 拥有现代代码编辑器所应具备的所有标准功能(重构、代码导航、代码辅助等),并为 TypeScript、Node.js 和 ASP.Net 提供了最佳支持。

vscode 简史

首先,vscode 于 2015 年 4 月 29 日在 2015 年 Build 大会上由 Microsoft 推出。此后不久发布了预览版。2015 年 11 月 18 日,vscode 的源代码在 MIT 许可下发布,并存在于 GitHub 上。此外,还引入了扩展支持。

2016 年 4 月 14 日,vscode 通过公开预览阶段并在网上发布。虽然 Microsoft 的发布是专有免费软件,但 Microsoft 已将 Visual Studio Code 的大部分源代码在 MIT 许可下发布到 GitHub 上。

vscode 的功能

vscode 是一个源代码编辑器,支持多种编程语言,例如 Rust、Python、Node.js、JavaScript、Java、Go、Fortran、C++、C# 和 C。它基于 Electron 框架,该框架用于开发在 Blink 布局引擎上执行的 Node.js Web 应用程序。

  • Vscode 采用与 Azure DevOps(以前称为 Visual Studio Code Team Services 和 Visual Studio Code Online)中使用的类似编辑器组件。
  • Visual Studio Code 开箱即用,对几乎所有基本编程语言都提供通用支持。这种通用支持具有可配置的代码片段、代码折叠、括号匹配和语法高亮。
  • 此外,Visual Studio Code 还提供对 HTML、CSS、JSON、TypeScript 和 JavaScript 的 IntelliSense,以及对 Node.js 的调试支持。
  • 可以通过 Visual Studio Code Marketplace 上的免费扩展提供额外的语言支持。
  • 它允许用户启动一个或多个目录,而不是项目系统,这些目录可以保存为工作区以供后续重用。它允许它作为所有语言的语言无关代码编辑器。它支持多种编程语言和一组因语言而异的方面。
  • 可以使用设置从项目树中删除不需要的文件夹和文件。
  • Visual Studio Code 的各种功能未在用户界面或菜单中公开,但可以通过命令面板使用。
  • Vscode 可以通过扩展进行开发,这些扩展可以从中央存储库获取。
  • 它包含语言支持和编辑器附加功能。
  • 一个重要的功能是能够创建扩展,其中包括支持许多新语言、时间旅行调试器、调试器、主题,以及通过语言服务器协议包含代码 linter 并实现静态代码分析。
  • Visual Studio Code 中还提供了内置功能,即源代码控制。
  • 它在菜单栏中包含一个嵌入式选项卡,用户可以在其中使用版本控制设置并查看对当前项目所做的修改。
  • Vscode 必须连接到受支持的版本控制系统(Perforce、Subversion、Apache、Git 等)才能使用此功能。它允许用户直接通过 Visual Studio Code 建立存储库以及建立拉取和推送请求。
  • 对于 FTP,Visual Studio Code 有两个或更多扩展,允许该应用程序作为 Web 开发的免费替代品进行访问。
  • 代码可以在服务器和编辑器之间同步,无需下载额外的软件。

Vscode 允许用户配置存储运行文档的代码页、换行符和运行文档的编程语言。它允许它在任何环境中,对于任何给定的编程语言,以及在任何区域设置中使用。

Vscode 收集使用数据并将其传输到 Microsoft。但是,它可以被禁用。由于该应用程序的开源性质,遥测代码对公众可见,他们可以查看收集了什么。

Vscode 的用户界面

Visual Studio Code 是一款功能强大且功能丰富的代码编辑器,支持使用 C# 语言开发 ASP.Net 5。此外,它还支持使用 Node.js 开发 JavaScript 和 TypeScript 应用程序。最重要的是,vscode 可以与代码存储库和包管理器无缝协作。

请记住,vscode 基于文件夹和文件。我们可以打开包含项目或代码文件的文件夹或文件。Visual Studio Code 提供直观的用户界面。UI 主要由以下部分组成

  • 侧边栏: 它包含资源管理器,我们可以用它来启动和管理文件夹和文件。
  • 状态栏: 它为我们提供有关项目和打开的代码文件的信息。
  • 视图栏: 我们可以用它来切换视图。
  • 编辑器: 它是原始的代码编辑器,我们可以在其中打开和修改代码文件。

并排编辑支持是 Visual Studio Code 最重要的方面之一。我们可以并排打开多达三个不同的编辑器。此外,如果需要,我们可以重新定位、重新排序和调整编辑器的大小。

Vscode 中的资源管理器窗口

在 Visual Studio Code 中,资源管理器窗口打开并管理文件夹和文件。我们可以使用 Ctrl+S 组合键保存我们在编辑器中进行的修改。此外,我们可以打开自动保存,在这种情况下,我们所做的修改将自动保存到磁盘。我们还可以使用 Ctrl+Shift+P 组合键打开自动保存选项。

此外,Visual Studio Code 允许我们在文件夹或文件中查找文本。我们还可以在搜索中排除一个或多个文件夹。我们需要按 Ctrl+Shift+F 组合键来调用搜索过程。

另一个重要的方面是 Vscode 中的资源管理器窗口提供的文件导航。我们可以轻松地在文件之间或文件中导航。我们可以通过使用 Ctrl+Tab 组合键查看已启动的文件列表。如果我们要使用文件名启动文件,我们可以使用 Ctrl+E 组合键。

Vscode 的最新更新

vscode 的最新版本是 1.78,于 2023 年 4 月发布。此版本提供了各种更新。

可访问性

  • 改进和规范化的 Quick Pick 背景: 以前,辅助功能模式用户在使用命令面板和多个 Quick Picks 时遇到不同的行为。Quick Pick 的第一个产品没有被选择为在辅助功能模式下完全可访问。
    引入了一种新行为,允许我们访问这两个功能:快速且可访问的 Quick Pick 工作流允许我们立即按下 Enter 按钮。
  • Aria 详细程度设置: 屏幕阅读器用户可以通过 “accessibility.verbosity.terminal”“accessibility.verbosity.diff-editor” 从 aria-label 中删除提示,以减少冗余
  • 差异音频提示增强: 现在,vscode 缓存了许多音频提示,因此它们只需加载一次,开发了用于差异编辑器的音调,并返回更好的响应能力。
  • 转到列/行公告: 现在,当调用“转到列/行”选项时,屏幕阅读器会读取相关的行内容。

工作台

  • 默认新颜色主题: 新的“浅色现代”和“深色现代”主题取代“浅色+”和“深色+”作为默认的新的浅色和深色颜色主题。
  • 字形边距设计渲染增强: 改进了编辑器边距内发生的装饰渲染。几个与调试相关的设计,包括堆栈帧指针和断点,将始终在编辑器行号旁边显示。这使我们即使在同一行有许多装饰(包括书签或测试装饰)时也能看到我们的断点。
  • 配置文件模板: 快速,配置文件允许我们根据当前任务或项目切换编辑器扩展、UI 布局和设置。配置文件模板旨在帮助我们开始使用配置文件,这些配置文件是针对不同编程场景和语言的。我们可以按原样应用配置文件模板,也可以将其作为起点进一步个性化我们的工作流。
  • 使用图像预览复制图像: 现在,我们可以使用图像预览(内置)复制图像。此复制的数据图像可以粘贴到 Visual Studio Code 或其他应用程序中。

以下列出了一些其他关键功能

  • 辅助功能改进: 新的音频提示和改进的屏幕阅读器支持。
  • 新颜色主题: 默认的深色和浅色现代颜色主题。
  • 拖放选择器: 选择我们希望产品链接在编辑器中排列的方式。
  • 配置文件模板: 内置的数据科学、Java、Python 等模板。
  • 源代码控制输入快速修复: 解决输入框中的拼写和其他错误。
  • 颜色选择器: 插入和更改颜色格式。
  • Markdown 拖放视频: 轻松地在 Markdown 文件中包含视频标签。
  • 插入图像: 在图像附件、路径和链接之间进行选择。
  • VS Code 和 Git LFS for web: 对于 repos,使用 vscode.dev 和 Git Large File Storage。

在本文中,我们将展示两种在 Ubuntu 20.04 版本中安装 vscode 的方法。

安装 vscode(使用 Snap 包)

MicrosoftCanonicalSnapcraft 商店上提供了一个官方的 vscode Snap 包。Snap 是包含执行应用程序所需的二进制依赖项的软件包(自包含)。每个 snap 包都是安全的且易于升级。我们可以使用命令行或 Ubuntu 软件应用程序安装这些 Snap 包。

我们需要打开应用程序,即 Ubuntu 软件,并以名称查找 “Visual Studio Code”,以使用 Ubuntu 软件应用程序安装 vscode。如果我们更熟悉命令行,那么我们可以使用终端并执行以下命令


vscode for Ubuntu

这就是我们系统上安装 vscode 所需要做的一切。不用担心将来的更新,因为在使用计算机时,新版本的 vscode 会自动在后台下载和安装。

安装 vscode(deb 包)

Microsoft 为 Linux 用户管理一个 apt 存储库,用于使用此存储库安装 vscode。我们可以使用终端或命令行手动添加 vscode 的 apt 存储库。但是,在我们的计算机上修复它的一种更快的方法是从应用程序网站下载并安装 Visual Studio Code Linux 包。作为安装过程的一部分,apt 存储库将添加到软件源列表中。

下载过程完成后,我们需要转到我们的下载文件夹(或我们选择保存安装程序的位置),然后双击 .deb 文件。Ubuntu 软件将打开。之后,按下“安装”按钮。

当新版本发布时,我们可以使用 Ubuntu 的 Software updater tool 更新 Visual Studio Code 包(以及我们拥有的其他更新)。

安装 vscode(Flatpak)

如果我们的系统上已安装 Flatpak(或 Flathub),那么我们可以使用 Flathub 安装 Visual Studio Code 包。Ubuntu 不支持 Flatpak。我们还需要安装包 gnome-software 以进行 GUI 安装。

注意:Visual Studio Code 的 Flatpak 不由 Microsoft 管理。

Visual Studio Code(打开)

要在 Ubuntu 系统上打开 Visual Studio Code,我们只需单击 Ubuntu Dock 底部“应用程序”图标(或按 super 键)。在搜索栏中开始输入 “Visual Studio Code”,然后当应用程序图标出现时,单击该图标以打开应用程序。

vscode for Ubuntu

我们只需执行代码即可使用命令行打开应用程序。

然后,我们可以自由安装 Visual Studio Code 的扩展、自定义用户界面,并享受其提供的大量功能。要启用 “双窗格” 模式,我们需要单击选项卡栏旁边的 “[|]” 图标。

vscode for Ubuntu
下一个主题Android Studio Ubuntu