CodeNodeX AI
Sign upWrite

Learning Path

VS Code tutorials

Browse tutorials and chapters for VS Code.

DevOps & tools

Linux, Docker, Git, IDEs, automated testing, CLIs, and engineering tools.

Tutorials

26

TAXONOMYDevOps & toolsFetched/VS Code

VSCode 教程

VSCode 教程 VS Code（全称 Visual Studio Code）是一款由微软推出的免费、开源、跨平台的代码编辑器。 VS Code 支持 Windows、macOS 和 Linux，拥有强大的功能和灵活的扩展性。 VS Code 首次发布时间为 2015 年 4 月 29 日。 在 2019 年的 Stack Overflow 组织的开发者调查中，Visual Studio Code 被认为是最受开发者欢迎的开发环境..

TUTORIALDevOps & toolsFetched/VS Code

VS Code 活动栏

VS Code 活动栏 活动栏（Activity Bar）是 VS Code 左侧的一个垂直工具栏，它提供了快速访问不同功能和视图的入口。 通过活动栏，用户可以轻松切换文件资源管理器、搜索、源代码管理、调试、扩展等功能。 活动栏的主要功能 1. 文件资源管理器（Explorer） 文件资源管理器是活动栏中的第一个图标，通常是一个文件夹的图标，点击后，它会显示当前工作区中的所有文件和文件夹。你可以在这里浏览、打开、创建、删除或重命..

TUTORIALDevOps & toolsFetched/VS Code

VS Code AI 扩展

VS Code AI 扩展 在 AI 技术深度融入编程领域的今天，VSCode 作为开发者最青睐的编辑器之一，其丰富的 AI 插件生态正成为提升生产力的关键。 本文我们将介绍 VS Code 中常用的 AI 扩展，我们可以选择合适的扩展来提高编程效率。 1、Cline Cline 是一款强大的 VSCode 插件，旨在通过集成多种 AI 模型（如 OpenAI、DeepSeek、Claude 3.5 等）来提升开发效率。 Clin..

TUTORIALDevOps & toolsFetched/VS Code

VSCode code 命令

VSCode code 命令 在 Visual Studio Code 中，code 命令是一个命令行工具，用于快速打开 VS Code 并执行一些与代码相关的操作。 code 命令直接可以帮助开发者从终端或命令提示符中直接启动 VS Code 或处理特定的任务。 最常用的方式就是使用 code 命令直接从命令行中打开文件目录，此时需要先安装 code 命令。 Windows 系统安装 VS Code 后，code 命令会自动注册..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 命令面板

VSCode 命令面板 VSCode（Visual Studio Code）的命令面板是一个非常强大的工具，它允许用户快速访问和执行 VSCode中 的各种命令和功能。 我们可以通过命令面板执行 VSCode 内置的命令，比如打开文件、搜索符号、重命名符号、保存文件等。 VSCode 使用以下快捷打开命令面板（Command Palette）： macOS 系统快捷键：⇧⌘P Windows/Linux 快捷键: Ctr..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 数据库客户端扩展

VSCode 数据库客户端扩展 本章节我们主要介绍下平时开发常用的一些数据库客户端扩展： 1、SQLTools SQLTools 是一款开源的数据库管理扩展，支持多种常用数据库，包括MySQL、PostgreSQL、Microsoft SQL Server、SQLite 等。 SQLTools 以轻量和高效著称，提供数据库连接、查询执行和结果展示等功能。 扩展搜索关键词：SQLTools 插件链接地址：https://marketp..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 接入 DeepSeek

VSCode 接入 DeepSeek VSCode 拥有一个庞大的扩展市场，用户可以根据自己的需要安装各种扩展来增强编辑器的功能，包括语言支持、代码格式化工具、版本控制集成、主题和图标等。 VS Code 可以通过扩展很好的接入我们想要大模型，常用的扩展可以参考：VS Code AI 扩展。 接下来我们来学习下如何在 VS Code 上通过 Roo Code 扩展装上最近很火的 DeepSeek。 本文以 Roo Code 为例演示..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 新建文件

VSCode 新建文件 活动栏（Activity Bar） 用于切换不同的视图模块，例如资源管理器、搜索、源代码管理、运行和调试等。 将鼠标悬停在活动栏的图标上，可以看到每个视图的名称和对应的快捷键提示。 提示：再次点击视图图标，或者按下快捷键，可以打开或关闭该视图。 当你选择活动栏中的某个视图时，主侧边栏会打开并显示该视图的具体信息。 选择“运行和调试”视图后，主侧边栏将显示配置调试会话的选项: 使用编辑器查看和编辑文件 在活动..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 中文设置

VSCode 中文设置 默认 VS Code 的界面上英文的，我们可以通过VS Code 的扩展市场安装中文包。 VS Code 有一个内置的扩展市场，提供了数千个由社区和微软官方提供的扩展。 接下来我们就在扩展市场中查找中文包，并安装。 VScode 安装汉化包很简单，打开 VScode，点击左侧安装扩展图标，在搜索框输入 Chinese： 然后点击第一个搜索出来选项【Chinese (Simplified) (简体中文)】的 I..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 安装扩展

VSCode 安装扩展 VS Code 的扩展功能和市场是其强大和灵活的核心特性之一，允许用户通过安装各种扩展来增强和定制编辑器的功能。 VS Code 拥有丰富的扩展生态系统，允许您为安装添加语言支持、调试器和工具，以适应您的特定开发工作流程。 在 Visual Studio Marketplace 中，有成千上万的扩展可供选择： 编程语言支持：提供特定语言的语法高亮、代码补全、智能提示等功能。 调试工具：扩展VS Code的调..

TUTORIALDevOps & toolsFetched/VS Code

VS Code GitHub Copilot

VS Code GitHub Copilot GitHub Copilot 是由 GitHub 和 OpenAI 联合开发的 AI 编码助手，能够基于上下文自动补全代码、生成函数、优化逻辑，甚至是编写整段的代码模块，帮助开发者更高效地编码。 GitHub Copilot 集成在 VS Code、Visual Studio、JetBrains 等多种 IDE 中，让你在写代码时感觉仿佛有一位经验丰富的搭档随时协助你。 核心功能 代..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 简介

VSCode 简介 Visual Studio Code（简称VS Code）是由微软开发的一个现代化、轻量级的代码编辑器，它支持几十种主流编程语言（如 JavaScript、Python、C++、Java、Go 等），并通过扩展提供更广泛的语言支持。 VSCode 可以在 Windows、macOS 和 Linux 操作系统上运行，为开发者提供了一个统一的开发环境。 VSCode 因其强大的功能和灵活性，已经成为全球开发者广泛使用..

TUTORIALDevOps & toolsFetched/VS Code

VSCode Linux 安装

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+ ..

TUTORIALDevOps & toolsFetched/VS Code

VSCode macOS 安装

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+ ..

TUTORIALDevOps & toolsFetched/VS Code

VS Code MCP 服务

VS Code MCP 服务 MCP（Model Context Protocol）是一种开放标准，提供统一接口，让 AI 模型（例如 Copilot Chat）能够发现和调用外部工具，实现读取文件、调用 API、执行任务等多种操作。 在 VS Code 中，MCP 客户端（Copilot）通过 MCP 服务器提供的工具完成任务，而服务器端可以部署在本地或远程。 上图是 MCP 架构图： MCP 是核心，一边连 客户端（MC..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 运行和调试代码

VSCode 运行和调试代码 VS Code 内置了运行和调试 Node.js 应用程序的支持。 本章节，我们将使用上一部分安装的 Python 扩展来调试一个 Python 程序。 接下来就让我们调试前面创建的 hello.py 程序。 调试前确保您的计算机已安装 Python 3。 如果您的计算机上未安装 Python 解释器，窗口右下角会弹出通知。 选择 Select Interpreter（选择解释器） 打开命令面板，从中..

TUTORIALDevOps & toolsFetched/VS Code

VS Code 设置

VS Code 设置 VS Code（Visual Studio Code）是一个功能丰富的代码编辑器，其设置功能允许用户自定义编辑器的行为和外观，以适应个人的工作习惯和偏好。 配置 VS Code 的两种方式： 使用设置编辑器（Settings Editor） 修改设置。 直接编辑 settings.json 文件。 使用快捷键打开设置页面： macOS 快捷键：⌘ + , Windows/Linux 快捷键: ..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 快捷键大全

VSCode 快捷键大全 本章节是 Visual Studio Code (VS Code) 的常用快捷键大全，涵盖代码编辑、文件管理、调试等操作，便于提高开发效率。 快捷键的设置可以通过菜单栏的 Code > 首选项 > 键盘快捷方式 查看： 通过快捷键编辑器，您可以根据自己的需求定制键盘快捷键，提升开发效率。 说明： macOS 的 Cmd 键对应 Windows/Linux 的 Ctrl 键。macO..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 版本控制

VSCode 版本控制 VSCode（Visual Studio Code）的版本控制功能主要通过集成 Git 来实现，它提供了一套完整的界面和工具，使得开发者可以方便地进行代码的版本管理。 接下来，我们将使用内置的 Git 支持，提交之前所做的更改。 打开版本控制视图 选择活动栏（Activity Bar）中的“版本控制”视图，从而打开版本控制功能。 使用前要确保已在计算机上安装 Git，如果尚未安装 Git，在“版本控制..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 界面说明

VSCode 界面说明 1、启动页面 在完成 VSCode 安装后，点击 VSCode 图标，启动界面如下所示： 上图展示了 Visual Studio Code（VS Code）的欢迎界面，它是一个代码编辑器的起始页，提供了快速访问不同功能和资源的入口。 以下是图片中各个部分的说明： 活动栏（Activity Bar）： 位于左侧，包含多个图标，每个图标代表 VS Code 的一个功能视图。 图片中用红色箭头标注了四个..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 打开目录

VSCode 打开目录 我们可以在 VS Code 中打开一个代码文件，也可以在在 VS Code 中打开一个目录（文件夹）是一个简单的过程，操作都很简单。 首先，我们打开已经安装好的 VS Code，在 VS Code 首次打开时，你会看到欢迎页面，上面有不同的操作来开始使用。 可以 新建文件... 或 打开... 选项： 创建一个 Python 代码文件 打开 VScode，然后点击新建文件： 点击选择语言： 在..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 集成终端

VSCode 集成终端 VS Code 内置了集成终端，我们可以在菜单栏上选择“终端”选项，然后选择“新建终端”： 也可以选择目录下的文件，右击，在下拉菜单选择“在集成终端打开”： 终端快捷键： 功能 Windows/Linux macOS 显示集成终端Ctrl + `Ctrl + ` ..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 主题设置

VSCode 主题设置 VSCode 主题设置允许我们根据个人偏好和工作环境自定义 Visual Studio Code 的用户界面配色。 一个主题不仅会影响 VS Code 的用户界面元素，还会影响代码编辑器的高亮配色。 从命令面板预览主题 从菜单栏选择 Code > 设置(首选项) > 主题 > 颜色主题 菜单项：或使用命令 Preferences: Color Theme (⌘K ⌘..

TUTORIALDevOps & toolsFetched/VS Code

VSCode 教程

VSCode 教程 VS Code（全称 Visual Studio Code）是一款由微软推出的免费、开源、跨平台的代码编辑器。 VS Code 支持 Windows、macOS 和 Linux，拥有强大的功能和灵活的扩展性。 VS Code 首次发布时间为 2015 年 4 月 29 日。 在 2019 年的 Stack Overflow 组织的开发者调查中，Visual Studio Code 被认为是最受开发者欢迎的开发环境..