Learning Path
浏览 VS Code 相关教程与章节。
Linux、Docker、Git、IDE、自动化测试、命令行与工程工具。
教程
26
VSCode 教程 VS Code（全称 Visual Studio Code）是一款由微软推出的免费、开源、跨平台的代码编辑器。 VS Code 支持 Windows、macOS 和 Linux，拥有强大的功能和灵活的扩展性。 VS Code 首次发布时间为 2015 年 4 月 29 日。 在 2019 年的 Stack Overflow 组织的开发者调查中，Visual Studio Code 被认为是最受开发者欢迎的开发环境..
VS Code 活动栏 活动栏（Activity Bar）是 VS Code 左侧的一个垂直工具栏，它提供了快速访问不同功能和视图的入口。 通过活动栏，用户可以轻松切换文件资源管理器、搜索、源代码管理、调试、扩展等功能。 活动栏的主要功能 1. 文件资源管理器（Explorer） 文件资源管理器是活动栏中的第一个图标，通常是一个文件夹的图标，点击后，它会显示当前工作区中的所有文件和文件夹。你可以在这里浏览、打开、创建、删除或重命..
VS Code AI 扩展 在 AI 技术深度融入编程领域的今天，VSCode 作为开发者最青睐的编辑器之一，其丰富的 AI 插件生态正成为提升生产力的关键。 本文我们将介绍 VS Code 中常用的 AI 扩展，我们可以选择合适的扩展来提高编程效率。 1、Cline Cline 是一款强大的 VSCode 插件，旨在通过集成多种 AI 模型（如 OpenAI、DeepSeek、Claude 3.5 等）来提升开发效率。 Clin..
VSCode code 命令 在 Visual Studio Code 中，code 命令是一个命令行工具，用于快速打开 VS Code 并执行一些与代码相关的操作。 code 命令直接可以帮助开发者从终端或命令提示符中直接启动 VS Code 或处理特定的任务。 最常用的方式就是使用 code 命令直接从命令行中打开文件目录，此时需要先安装 code 命令。 Windows 系统安装 VS Code 后，code 命令会自动注册..
VSCode 命令面板 VSCode（Visual Studio Code）的命令面板是一个非常强大的工具，它允许用户快速访问和执行 VSCode中 的各种命令和功能。 我们可以通过命令面板执行 VSCode 内置的命令，比如打开文件、搜索符号、重命名符号、保存文件等。 VSCode 使用以下快捷打开命令面板（Command Palette）： macOS 系统快捷键：⇧⌘P Windows/Linux 快捷键: Ctr..
VSCode 数据库客户端扩展 本章节我们主要介绍下平时开发常用的一些数据库客户端扩展： 1、SQLTools SQLTools 是一款开源的数据库管理扩展，支持多种常用数据库，包括MySQL、PostgreSQL、Microsoft SQL Server、SQLite 等。 SQLTools 以轻量和高效著称，提供数据库连接、查询执行和结果展示等功能。 扩展搜索关键词：SQLTools 插件链接地址：https://marketp..
VSCode 接入 DeepSeek VSCode 拥有一个庞大的扩展市场，用户可以根据自己的需要安装各种扩展来增强编辑器的功能，包括语言支持、代码格式化工具、版本控制集成、主题和图标等。 VS Code 可以通过扩展很好的接入我们想要大模型，常用的扩展可以参考：VS Code AI 扩展。 接下来我们来学习下如何在 VS Code 上通过 Roo Code 扩展装上最近很火的 DeepSeek。 本文以 Roo Code 为例演示..
VSCode 新建文件 活动栏（Activity Bar） 用于切换不同的视图模块，例如资源管理器、搜索、源代码管理、运行和调试等。 将鼠标悬停在活动栏的图标上，可以看到每个视图的名称和对应的快捷键提示。 提示：再次点击视图图标，或者按下快捷键，可以打开或关闭该视图。 当你选择活动栏中的某个视图时，主侧边栏会打开并显示该视图的具体信息。 选择“运行和调试”视图后，主侧边栏将显示配置调试会话的选项: 使用编辑器查看和编辑文件 在活动..
VSCode 中文设置 默认 VS Code 的界面上英文的，我们可以通过VS Code 的扩展市场安装中文包。 VS Code 有一个内置的扩展市场，提供了数千个由社区和微软官方提供的扩展。 接下来我们就在扩展市场中查找中文包，并安装。 VScode 安装汉化包很简单，打开 VScode，点击左侧安装扩展图标，在搜索框输入 Chinese： 然后点击第一个搜索出来选项【Chinese (Simplified) (简体中文)】的 I..
VSCode 安装扩展 VS Code 的扩展功能和市场是其强大和灵活的核心特性之一，允许用户通过安装各种扩展来增强和定制编辑器的功能。 VS Code 拥有丰富的扩展生态系统，允许您为安装添加语言支持、调试器和工具，以适应您的特定开发工作流程。 在 Visual Studio Marketplace 中，有成千上万的扩展可供选择： 编程语言支持：提供特定语言的语法高亮、代码补全、智能提示等功能。 调试工具：扩展VS Code的调..
VS Code GitHub Copilot GitHub Copilot 是由 GitHub 和 OpenAI 联合开发的 AI 编码助手，能够基于上下文自动补全代码、生成函数、优化逻辑，甚至是编写整段的代码模块，帮助开发者更高效地编码。 GitHub Copilot 集成在 VS Code、Visual Studio、JetBrains 等多种 IDE 中，让你在写代码时感觉仿佛有一位经验丰富的搭档随时协助你。 核心功能 代..
VSCode 简介 Visual Studio Code（简称VS Code）是由微软开发的一个现代化、轻量级的代码编辑器，它支持几十种主流编程语言（如 JavaScript、Python、C++、Java、Go 等），并通过扩展提供更广泛的语言支持。 VSCode 可以在 Windows、macOS 和 Linux 操作系统上运行，为开发者提供了一个统一的开发环境。 VSCode 因其强大的功能和灵活性，已经成为全球开发者广泛使用..
VSCode Linux 安装 VSCode 是微软开发的跨平台免费源代码编辑器，支持 Windows、macOS 和 Linux。 在安装 VS Code 之前，请确保您的设备满足以下最低要求： 操作系统最低要求WindowsWindows 7 64 位或更高版本macOSmacOS 10.11 El Capitan 或更高版本LinuxUbuntu 16.04+, Debian 9+, Fedora 30+, CentOS 7+ ..
VSCode macOS 安装 VSCode 是微软开发的跨平台免费源代码编辑器，支持 Windows、macOS 和 Linux。 在安装 VS Code 之前，请确保您的设备满足以下最低要求： 操作系统最低要求WindowsWindows 7 64 位或更高版本macOSmacOS 10.11 El Capitan 或更高版本LinuxUbuntu 16.04+, Debian 9+, Fedora 30+, CentOS 7+ ..
VS Code MCP 服务 MCP（Model Context Protocol）是一种开放标准，提供统一接口，让 AI 模型（例如 Copilot Chat）能够发现和调用外部工具，实现读取文件、调用 API、执行任务等多种操作。 在 VS Code 中，MCP 客户端（Copilot）通过 MCP 服务器提供的工具完成任务，而服务器端可以部署在本地或远程。 上图是 MCP 架构图： MCP 是核心，一边连 客户端（MC..
VSCode 运行和调试代码 VS Code 内置了运行和调试 Node.js 应用程序的支持。 本章节，我们将使用上一部分安装的 Python 扩展来调试一个 Python 程序。 接下来就让我们调试前面创建的 hello.py 程序。 调试前确保您的计算机已安装 Python 3。 如果您的计算机上未安装 Python 解释器，窗口右下角会弹出通知。 选择 Select Interpreter（选择解释器） 打开命令面板，从中..
VS Code 设置 VS Code（Visual Studio Code）是一个功能丰富的代码编辑器，其设置功能允许用户自定义编辑器的行为和外观，以适应个人的工作习惯和偏好。 配置 VS Code 的两种方式： 使用设置编辑器（Settings Editor） 修改设置。 直接编辑 settings.json 文件。 使用快捷键打开设置页面： macOS 快捷键：⌘ + , Windows/Linux 快捷键: ..
VSCode 快捷键大全 本章节是 Visual Studio Code (VS Code) 的常用快捷键大全，涵盖代码编辑、文件管理、调试等操作，便于提高开发效率。 快捷键的设置可以通过菜单栏的 Code > 首选项 > 键盘快捷方式 查看： 通过快捷键编辑器，您可以根据自己的需求定制键盘快捷键，提升开发效率。 说明： macOS 的 Cmd 键对应 Windows/Linux 的 Ctrl 键。macO..
VSCode 版本控制 VSCode（Visual Studio Code）的版本控制功能主要通过集成 Git 来实现，它提供了一套完整的界面和工具，使得开发者可以方便地进行代码的版本管理。 接下来，我们将使用内置的 Git 支持，提交之前所做的更改。 打开版本控制视图 选择活动栏（Activity Bar）中的“版本控制”视图，从而打开版本控制功能。 使用前要确保已在计算机上安装 Git，如果尚未安装 Git，在“版本控制..
VSCode 界面说明 1、启动页面 在完成 VSCode 安装后，点击 VSCode 图标，启动界面如下所示： 上图展示了 Visual Studio Code（VS Code）的欢迎界面，它是一个代码编辑器的起始页，提供了快速访问不同功能和资源的入口。 以下是图片中各个部分的说明： 活动栏（Activity Bar）： 位于左侧，包含多个图标，每个图标代表 VS Code 的一个功能视图。 图片中用红色箭头标注了四个..
VSCode 打开目录 我们可以在 VS Code 中打开一个代码文件，也可以在在 VS Code 中打开一个目录（文件夹）是一个简单的过程，操作都很简单。 首先，我们打开已经安装好的 VS Code，在 VS Code 首次打开时，你会看到欢迎页面，上面有不同的操作来开始使用。 可以 新建文件... 或 打开... 选项： 创建一个 Python 代码文件 打开 VScode，然后点击新建文件： 点击选择语言： 在..
VSCode 集成终端 VS Code 内置了集成终端，我们可以在菜单栏上选择“终端”选项，然后选择“新建终端”： 也可以选择目录下的文件，右击，在下拉菜单选择“在集成终端打开”： 终端快捷键： 功能 Windows/Linux macOS 显示集成终端Ctrl + `Ctrl + ` ..
VSCode 主题设置 VSCode 主题设置允许我们根据个人偏好和工作环境自定义 Visual Studio Code 的用户界面配色。 一个主题不仅会影响 VS Code 的用户界面元素，还会影响代码编辑器的高亮配色。 从命令面板预览主题 从菜单栏选择 Code > 设置(首选项) > 主题 > 颜色主题 菜单项：或使用命令 Preferences: Color Theme (⌘K ⌘..