VS Code 插件开发指南：官方示例仓库一站式入门

【免费下载链接】vscode-extension-samplesSample code illustrating the VS Code extension API.项目地址: https://gitcode.com/gh_mirrors/vs/vscode-extension-samples

微软官方的 vscode-extension-samples 是一组 VS Code 扩展开发样本：每个子目录都是一个可独立运行的模板，帮你把插件功能逐个拆开、自己跑通验证。想入门插件开发，或找一份靠谱的实现参考，这里是第一站。

这个仓库到底是什么

它就是微软官方的 VS Code 扩展能力示例仓库。每个目录对应一项扩展 API 能力：一份最小化的package.json声明贡献点，一个src/目录放实现，再配上 README 和演示图。技术栈以 TypeScript 为主，运行依赖 Node.js 与 JavaScript 生态。本地拉下来即可逐个尝试：git clone https://gitcode.com/gh_mirrors/vs/vscode-extension-samples。

仓库里都有什么

👟 入门第一站：先把 Hello World 跑起来

helloworld-sample只注册一条命令，按 F5 就能看到弹窗效果；getting-started-sample带你走一遍搭建、调试、打包的完整流程。先看这两个，建立"改一行代码、马上看到效果"的节奏，再看别的。

🎨 界面交互类：在编辑器里摆出你的 UI

webview-sample教你在侧边栏嵌一个网页；tree-view-sample做出"依赖浏览器"那样的树视图面板；statusbar-sample在状态栏放一个倒计时。这组示例每个只讲透一个界面 API，改起来最快有成就感。

🧠 语言智能类：让编辑器更懂代码

completions-sample与inline-completions分别演示两种补全；snippet-sample配language-configuration-sample解决代码片段与语法高亮；lsp-sample系列展示如何接入外部语言服务器，拿到跳转定义、悬浮文档这类能力。做语言类插件，这组是主菜。

🚀 进阶能力类：突破本地磁盘的边界

fsprovider-sample实现一套内存虚拟文件系统，让 VS Code 把它当真实磁盘来浏览编辑；virtual-document-sample与custom-editor-sample演示非普通文件内容的展示和编辑；chat-model-provider-sample与 notebook 系列对应较新的 Chat、Jupyter 接口。

怎么读这个仓库

推荐路径：

1. 打开helloworld-sample，按 README 完成第一次调试，别急着读源码；
2. 到tree-view-sample或webview-sample里改一个字符串、一个命令名，在扩展开发主机中确认变化生效，熟悉"贡献点 + 入口文件"的套路；
3. 按目标选题推进：做界面看界面组，做语言支持看 LSP 组，需要虚拟文件系统就盯住 fsprovider。

每个示例的 README 都写了用法，照着做即可。这个官方示例仓库不用全部跑完，它更像按功能分册的参考书，挑需要的读。

写在最后

把这些示例当作入门教程，读完再顺着各示例的 README 去查 Extension API 官方文档，就能从"会跑"走向"会写"；想跟进 API 变化，回仓库看提交记录就行。

【免费下载链接】vscode-extension-samplesSample code illustrating the VS Code extension API.项目地址: https://gitcode.com/gh_mirrors/vs/vscode-extension-samples