AIGC浩然学长：Visual Studio Code 2026 新手快速了解

AIGC浩然学长：Visual Studio Code 2026 新手快速了解 AIGC浩然学长：Visual Studio Code 2026 新手快速了解 Modified February 16 • 快速构建： 利用 Agent 模式，你可以直接通过自然语言要求 AI 构建完整的应用 ◦ 例如：要求 AI 建立一个 Flask 天气应用 ◦ AI 会自动： i. 配置环境 ii. 安装依赖 iii. 编写完整代码 iv. 建立端口转发 v. 启动服务 5. GitHub 集成与版本控制 (Source Control) VS Code 提供了极为简便的 GitHub 托管流程，只需5步就能从本地代码发布到GitHub： 工作流步骤 1. 初始化仓库 (Initialize Repository)： ◦ 在源代码管理视图中点击"Initialize Repository" ◦ 创建本地 .git 文件夹 2. 暂存更改 (Stage)： ◦ 点击文件旁边的 + 图标 ◦ 将更改标记为已暂存 3. AI生成提交消息 (Commit)： ◦ 点击AI图标让 AI 根据代码改动自动撰写 Commit Message ◦ 无需手动写提交消息 4. 发布项目 (Publish)： ◦ 点击"Publish"选择公共或私有仓库 ◦ VS Code 会自动上传代码到 GitHub 5. 自动生成README： ◦ 发布后，VS Code 会自动根据你的代码生成详细的 README 文档 ◦ 包含项目描述、使用说明、依赖列表等 优势： 整个流程完全自动化，新手也能5分钟内把代码发布到GitHub！ 6. 模型上下文协议 (MCP) 这是 VS Code 2026 版的一项重要黑科技，将 AI 的能力扩展到真实世界的工具和服务： 6.1 什么是 MCP • 定义： MCP (Model Context Protocol) 是一个开放标准协议 • 核心思想： 允许 AI 代理连接到真实世界的工具 • 应用范围： GitHub、数据库、API、文件系统等 6.2 实战应用案例 场景： 你想为当前项目提出3个新功能建议 传统方式： 1. 你分析代码 2. 手动写下3个功能建议 3. 在GitHub上手动创建3个Issues 4. 填写描述、验收标准等 耗时： 30分钟 MCP方式： 1. 告诉AI：请根据这个项目提出3个新功能建议，并自动在GitHub上创建Issues AI的完整操作流程（不需要你干预）： • 读取你的仓库代码和历史记录 • 分析项目结构和技术栈 • 提出3个创新功能建议 • 自动在GitHub上为每个建议创建一个Issue • 为每个Issue填入： ◦ 详细的用户故事 (User Story) ◦ 验收标准 (Acceptance Criteria) ◦ 实现说明 (Implementation Notes) ◦ 估算工作量 (Estimation) 耗时： 2分钟 6.3 MCP的优势 • 自动化： AI 可以直接操作外部服务，比手动操作更快 • 准确性： 避免了手动操作的遗漏和错误 • 规模化： 可以同时处理多个任务，而不受限于单个人的时间 • 创意激发： AI 能快速迭代提案，激发新想法 6.4 支持的 MCP 服务器 目前已支持的包括： • GitHub MCP 管理仓库、Issues、Pull Requests • Google Drive MCP 文件管理和同步 • 数据库 MCP 直接查询和修改数据库 • API MCP 调用第三方服务 7. 历史记录管理 聊天会话保存 • 聊天记录： VS Code 会自动保存所有当前的和以前的 Copilot Chat 会话记录 • 回顾功能： 你可以随时查看几周前的交互记录，了解当时的决策过程 • 存档管理： 随着会话列表增长，可以将不再需要的会话存档，保持界面清爽 📚 总结 VS Code 不再只是一个编辑器，而是一个能理解你的意图、帮你规划任务、甚至直接帮你跑腿操作GitHub的 AI 协同开发者。 核心要点速记 功能 快捷键 用途 命令面板 Ctrl + Shift + P 执行所有命令 快速打开 Ctrl + P 快速搜索和打开文件 终端 Ctrl + 打开集成终端 Copilot Chat Ctrl + I 唤起AI助手 功能 功能 快捷键 快捷键 用途 用途 命令面板 命令面板 Ctrl + Shift + P Ctrl + Shift + P 执行所有命令 执行所有命令 快速打开 快速打开 Ctrl + P Ctrl + P 快速搜索和打开文件 快速搜索和打开文件 终端 终端 Ctrl + 打开集成终端 打开集成终端 Copilot Chat Copilot Chat Ctrl + I Ctrl + I 唤起AI助手 唤起AI助手 学习路径建议 初阶（1周）： 掌握界面布局 + 快捷键 + 基本导航 中阶（2周）： 学会使用Copilot Chat的Ask和Plan模式 高阶（1个月）： 深入Agent模式 + MCP自动化 + GitHub工作流 🚀 开始体验 1. 升级到VS Code 2026版本 2. 登录GitHub账户（Settings Accounts） 3. 打开Copilot Chat（Ctrl + I） 4. 尝试Agent模式（选择Agent → 输入自然语言任务） 5. 安装MCP服务器（Extensions › @ category:"MCP Servers"） 祝你编码愉快！Happy Coding! 🎉 📘 Visual Studio Code 2026 新手快速了解笔记 这是一份完整的VS Code 2026新手教程，涵盖界面布局、AI驱动开发、GitHub集成、MCP黑科技等核心功能。 这是一份完整的VS Code 2026新手教程，涵盖界面布局、AI驱动开发、GitHub集成、MCP黑科技等核心功能。 1. 核心界面布局 (UI Layout) VS Code 的界面设计旨在让开发者快速访问常用工具。整个编辑器由五大主要区域组成： 1.1 活动栏 (Activity Bar 最左侧) 活动栏是VS Code左侧的竖条菜单栏，提供以下核心功能： • 资源管理器 (Explorer)： 用于查看和管理项目中的文件夹与文件。 • 全局搜索 (Search)： 放大镜图标，支持在整个工作区搜索、查找并替换文本。 • 源代码管理 (Source Control)： 集成了 Git 和 GitHub，用于跟踪代码更改。 • 运行与调试 (Run and Debug)： 执行代码并设置断点进行调试。 • 扩展市场 (Extension Marketplace)： 搜索并安装插件或 MCP 服务器以增强功能。 • 账户 (Account)： 管理登录状态（建议登录 GitHub 以使用完整功能）。 • 设置 (Settings)： 最后一个图标，用于管理编辑器的各种首选项。 1.2 底部面板 (Bottom Panel) 底部面板包含4个重要工具窗口： • 打开方式： 使用快捷键 ` (反引号) • 集成终端 (Terminal)： 运行 Shell 命令、脚本和构建任务的命令行界面。 • 输出 (Output)： 显示 VS Code 本身的日志消息和诊断输出。 • 问题 (Problems)： 列出语言服务、Linter（语法检查器）或扩展检测到的代码错误和警告。 • 调试控制台 (Debug Console)： 在调试期间评估表达式和检查变量的交互式控制台。 2. 命令与文件导航 (Navigation) 快速导航是提高开发效率的关键。VS Code 提供了两个必须掌握的快捷键： 2.1 命令面板 (Command Palette) • 快捷键： Ctrl + Shift + P • 核心功能： 访问 VS Code 的所有命令。可以输入关键词直接运行功能，也可以为特定命令（如 Git Clone）自定义快捷键。 • 应用场景： 快速执行命令而无需记住菜单位置。 2.2 快速打开文件 (Quick Open) • 快捷键： Ctrl + P • 功能： 可以快速按名称搜索并跳转到文件。 • 优势： 比使用鼠标浏览文件树快10倍。 2.3 内置浏览器 (Simple Browser) VS Code 2026 内置了网页预览功能，无需在多个窗口间切换： • 打开方式： 通过命令面板搜索"Simple Browser" • 优势： ◦ ✨ 无需切换窗口 ◦ ✨ 在 VS Code 内直接看到网页效果 ◦ ✨ 修改代码后按F5刷新，即时反馈 ◦ ✨ 无需切换窗口 ◦ ✨ 在 VS Code 内直接看到网页效果 ◦ ✨ 修改代码后按F5刷新，即时反馈 3. AI 驱动的编程体验 (AI First Development) VS Code 已进化为 AI 优先的开发环境。这是 2026 版本最核心的突破，包括三个层次的AI能力： 3.1 Copilot Chat 三种模式 • 提问模式 (Ask mode)： ◦ 回答技术问题（如"如何用Python写爬虫"） ◦ 需要用户手动将代码更改应用到文件中 ◦ 适合学习和理解概念 ◦ 回答技术问题（如"如何用Python写爬虫"） ◦ 需要用户手动将代码更改应用到文件中 ◦ 适合学习和理解概念 • 计划模式 (Plan mode)： ◦ 针对复杂任务，AI 会先创建一个分步实施计划 ◦ 你可以审查计划，同意后再执行 ◦ 适合大型项目或复杂需求 ◦ 针对复杂任务，AI 会先创建一个分步实施计划 ◦ 你可以审查计划，同意后再执行 ◦ 适合大型项目或复杂需求 • 代理模式 (Agent mode)： ◦ 最强大的模式，AI 可以自主行动 ◦ 包括创建/编辑文件、运行终端命令 ◦ 直到任务自动完成，无需人工干预 ◦ 适合快速原型开发和自动化任务 ◦ 最强大的模式，AI 可以自主行动 ◦ 包括创建/编辑文件、运行终端命令 ◦ 直到任务自动完成，无需人工干预 ◦ 适合快速原型开发和自动化任务 3.2 代码补全与内联建议 VS Code 提供了三层递进式的代码补全方案： • 智能感知 (Intellisense)： ◦ 传统的下拉列表补全 ◦ 提供成员列表、方法参数信息和类型提示 ◦ 手动选择或点击应用 ◦ 传统的下拉列表补全 ◦ 提供成员列表、方法参数信息和类型提示 ◦ 手动选择或点击应用 • 内联建议 (Inline Suggestions)： ◦ 由 AI (Copilot) 提供的灰色"幽灵文本" ◦ 预测你的下一行代码 ◦ 按 Tab 接受，按 Esc 忽略 ◦ 由 AI (Copilot) 提供的灰色"幽灵文本" ◦ 预测你的下一行代码 ◦ 按 Tab 接受，按 Esc 忽略 • Copilot补全： ◦ AI驱动的智能完成 ◦ 上下文感知，理解你的编程意图 ◦ 1秒内生成多行高质量代码 ◦ AI驱动的智能完成 ◦ 上下文感知，理解你的编程意图 ◦ 1秒内生成多行高质量代码 3.3 预测流与快速重构 这是 VS Code 最强大的效率工具之一： • 工作原理： ◦ 当你修改代码时（如修改变量名 user → profile） ◦ AI 预测你接下来会在哪几行做同样的修改 ◦ 在这些位置显示灰色"幽灵文本"建议 ◦ 当你修改代码时（如修改变量名 user → profile） ◦ AI 预测你接下来会在哪几行做同样的修改 ◦ 在这些位置显示灰色"幽灵文本"建议 • 使用方式： ◦ 修改第一处后 ◦ 连按 Tab 快速同意后续所有预测修改 ◦ 可以节省大量重复输入时间 ◦ 修改第一处后 ◦ 连按 Tab 快速同意后续所有预测修改 ◦ 可以节省大量重复输入时间 • 实际效果： ◦ 传统方式：手动逐行修改5个位置 → 耗时2分钟 ◦ 预测流：一次修改+连按Tab → 耗时5秒 ◦ 传统方式：手动逐行修改5个位置 → 耗时2分钟 ◦ 预测流：一次修改+连按Tab → 耗时5秒 4. 语言支持与自动化流 4.1 语言检测与扩展 • 语言检测： VS Code 会根据文件后缀（如 .js, .py）自动识别编程语言 • 扩展依赖： ◦ 对于 Python 等语言，需要通过扩展市场安装插件 ◦ 才能获得 Intellisense、语法检查 (Linting) 和调试功能 ◦ Python 扩展由官方 Python 团队维护，包含 Pylance 语言服务器 ◦ 对于 Python 等语言，需要通过扩展市场安装插件 ◦ 才能获得 Intellisense、语法检查 (Linting) 和调试功能 ◦ Python 扩展由官方 Python 团队维护，包含 Pylance 语言服务器 4.2 自动保存与快速构建 • 自动保存 (Auto Save)： 建议在设置中开启，确保所有更改实时保存