VS Code 完全教程
2023/6/25大约 2 分钟
VS Code 完全教程
工欲善其事,必先利其器。VS Code 是现代开发者最强大的编辑器之一,它不只是编辑器,更是一个可无限扩展的开放平台。
本教程分为 使用篇 和 扩展开发篇,从入门到精通,帮你真正用好 VS Code。
📖 使用篇
如果你是 VS Code 的新用户,或想系统提升使用效率,按顺序阅读以下章节:
| # | 章节 | 内容 |
|---|---|---|
| 01 | 安装与入门 | 版本选择、安装、界面布局、基本操作 |
| 02 | 设置系统深度解析 | User/Workspace/Default 三层级、settings.json 实战 |
| 03 | 编辑器核心功能 | 多光标、代码补全、Emmet、Snippets、格式化、重构 |
| 04 | 扩展推荐与管理 | 必装扩展、分类推荐、扩展管理技巧 |
| 05 | 集成终端 | 多终端配置、分屏、code 命令 |
| 06 | Git 集成 | 图形化 Git、冲突解决、GitLens |
| 07 | 任务自动化与调试 | tasks.json 构建脚本、launch.json 调试配置 |
| 08 | 远程开发 | SSH、WSL、Dev Containers 三种远程方案 |
| 09 | 工作区、Profile 与同步 | Multi-root Workspaces、Profiles、Settings Sync |
| 10 | 快捷键速查表 | 完整快捷键表格 |
| 11 | 技巧与 FAQ | 实用技巧、常见问题解答 |
🔧 扩展开发篇
如果你想为 VS Code 编写插件,或者想深入理解 VS Code 的扩展机制:
| # | 章节 | 内容 |
|---|---|---|
| 01 | 扩展开发入门 | 环境搭建、项目结构、Hello World |
| 02 | VS Code API 详解 | 核心 API:commands、window、workspace、languages |
| 03 | 命令与贡献点 | 命令注册、菜单、快捷键、设置、激活事件 |
| 04 | Webview 开发 | 自定义 UI 面板、消息通信、本地化 |
| 05 | 语言服务器协议 | LSP 实现、语法高亮、Diagnostics |
| 06 | 打包与发布 | vsce 打包、市场发布、CI/CD |
快速导航
| 想做什么 | 看这里 |
|---|---|
| 刚装上 VS Code,不知道怎么用 | 安装与入门 |
| 想配一个趁手的开发环境 | 设置系统 + 扩展推荐 |
| 想学快捷键 | 快捷键速查表 |
| 想写一个自己的插件 | 扩展开发入门 |
| 遇到奇怪的问题 | 技巧与 FAQ |
| 想远程连服务器开发 | 远程开发 |
| 不知道怎么配置调试 | 任务自动化与调试 |
建议:如果你时间有限,先看 01、02、03、10 这四篇就能覆盖日常 80% 的操作。剩下的按需阅读即可。
