VS Code：微软代码编辑器使用教程

简介

Visual Studio Code（简称 VS Code）是微软开发的源代码编辑器，面向 Windows、macOS 与 Linux 三个平台，免费且开源。它把源代码编辑器的轻量体验与 IntelliSense 代码补全、调试等开发者工具放在一起，解决写代码时在编辑器、终端、版本控制之间反复切换的问题。适合刚开始学编程的初学者，也适合需要日常写代码、查错、管理项目与提交记录的开发者；内置 Git 版本控制与集成终端，并可通过扩展补足特定语言、框架与工具链的支持。

核心功能

• 语法高亮与 IntelliSense 智能代码补全：输入时给出补全建议，微软官方 7 分钟初学者教程用一个新建的 JavaScript 文件演示了补全效果。
• 代码调试与错误排查入口：可查看控制台输出、问题面板、Linting 提示，并用调试模式复现问题，几处入口配合使用来定位报错位置。
• 内置 Git 版本控制与集成终端：无需离开编辑器即可提交代码或运行命令，命令面板中可直接执行「Git: 克隆」拉取仓库。
• 扩展机制：按需补足语言与工具链接入，素材中出现的有 Looker 扩展、Codeium、Claude Code 等第三方扩展。
• 搜索与替换、大纲导航与代码提示：繁中新手教程把「專案資料夾與檔案管理」「程式碼提示與大綱導覽」「程式碼搜尋與取代」列为独立章节讲解。
• 以文件夹为单位的工作区管理：打开文件夹即建立工作区，文件树负责项目资料与文件的组织。
• 代码重构与语法检查：百度百科列出的核心编辑能力包含语法高亮、IntelliSense 智能补全、代码调试与重构。

使用场景

• 零基础入门：按官方 7 分钟教程的顺序走一遍——打开文件夹/设置工作区、UI 教程、创建新的 JavaScript 文件、IntelliSense、保存。
• 拉取团队仓库：打开一个新窗口，打开命令面板，选择「Git: 克隆」，用于已配置 Git 的项目（Looker 文档以 LookML 项目为例）。
• Python 开发：配合 Python 入门教程在编辑器内完成练习，编辑器本身支持该语言的开发流程。
• Java/Maven 项目排错：当报错涉及环境配置、依赖管理、编译目标设置时，按场景逐条定位 Maven 目标相关错误根源。
• 扩展故障处理：扩展日志（如 Codeium 日志）反复报错时，删除对应扩展目录后重新添加该扩展。
• AI 辅助编码：在 VS Code 中使用 Claude Code，启动编辑器以继承环境变量，或改用账户登录，登录后会出现学习检查清单。

安装与获取步骤

1. 打开官方地址 https://code.visualstudio.com/ ，按你使用的 Windows、macOS 或 Linux 平台选择对应下载项；版本号、体积与发布日期以官方页面为准。
2. 启动编辑器后选择「打开文件夹」建立工作区，后续的文件搜索、Git 操作与扩展推荐都以该文件夹为作用范围。
3. 先认识界面：官方 7 分钟教程在 00:52 到 02:00 之间讲解 UI，YouTube 的 15 分钟教程在 00:28 用 Demo 带你浏览界面。
4. 新建一个 JavaScript 文件，输入代码观察 IntelliSense 的补全提示，然后保存文件，完成一次最小闭环练习。
5. 打开命令面板执行常用命令（如「Git: 克隆」），需要补足能力时在扩展视图中搜索并添加对应扩展。
6. 使用账号型扩展（如 Claude Code）时，先启动 VS Code 让它继承环境变量，或改用账户登录，再按出现的学习清单逐项完成。

学习路径与视频教程

• 官方入门视频：https://code.visualstudio.com/docs/introvideos/basics ，从 Getting started 开始，含下载指引。
• 微软 Learn 中文官方初学者教程（7 分钟）：https://learn.microsoft.com/zh-cn/shows/visual-studio-code/learn-visual-studio-code-in-7min-official-beginner-tutorial ，带时间戳章节。
• 中文分章视频教程：https://vscode.cool/ ，第一至第五章是与具体编程语言无关的基础知识，建议依次完成后再进入第六章。
• 英文 15 分钟上手教程：https://www.youtube.com/watch?v=f8_uF_IDV50 ，章节含 Demo 浏览 UI、创建新文件。
• 繁中新手完整教程：https://www.youtube.com/watch?v=2RbXlT5wl9c ，按专案资料夹与档案管理、程式码提示与大纲导览、扩充套件安装与管理、程式码搜寻与取代分段讲解。

注意事项

• 不要把 VS Code 与 Visual Studio 混淆：后者涉及生成错误、代码分析、调试工具和单元测试等能力，属另一条产品线，查资料时先确认产品名再照做。
• 扩展日志出现错误时，可删除该扩展所在目录（形如 …/.vscode/extensions/codeium.codeium-）后重新添加扩展，也可打开命令面板按扩展文档的命令手动处理。
• 编辑器不显示错误提示时，先确认提示没有被关闭——VS Code 默认开启错误提示，可从「文件」-「首选项」相关设置检查，再依次看控制台输出、问题面板、Linting 提示与调试模式。
• Java 项目报错多源于环境配置、依赖管理与编译目标设置，先看问题面板给出的具体报错再改配置，避免一次改动多个变量导致无法归因。
• 各教程的时间戳、章节划分与扩展目录名会随内容更新而变化，实际操作以对应官方页面或扩展自身文档为准。