擴充套件指南

在學習了 Hello World 示例中的 Visual Studio Code 擴充套件 API 基礎知識後，是時候構建一些實際的擴充套件了。雖然擴充套件功能部分提供了擴充套件可以做什麼的高階概述，但本節包含詳細的程式碼指南和示例列表，解釋了如何使用特定的 VS Code API。

在每個指南或示例中，您都可以找到

註釋詳盡的原始碼。
展示示例擴充套件用法的 GIF 或影像。
執行示例擴充套件的說明。
正在使用的 VS Code API 列表。
正在使用的貢獻點列表。
與示例相似的實際擴充套件。
API 概念解釋。

指南與示例

以下是 VS Code 網站上的指南，包括它們對 VS Code API 和貢獻點的用法。不要忘記參考 UX 指南，以瞭解建立擴充套件的使用者介面最佳實踐。

VS Code 網站上的指南	API 與貢獻
命令	命令 contributes.commands
顏色主題	contributes.themes
檔案圖示主題	contributes.iconThemes
產品圖示主題	contributes.productIconThemes
樹檢視	window.createTreeView window.registerTreeDataProvider TreeView TreeDataProvider contributes.views contributes.viewsContainers
Webview	window.createWebviewPanel window.registerWebviewPanelSerializer
自定義編輯器	window.registerCustomEditorProvider CustomTextEditorProvider contributes.customEditors
虛擬文件	workspace.registerTextDocumentContentProvider commands.registerCommand window.showInputBox
虛擬工作區	workspace.fs capabilities.virtualWorkspaces
工作區信任	workspace.isTrusted workspace.onDidGrantWorkspaceTrust capabilities.untrustedWorkspaces
任務提供程式	tasks.registerTaskProvider Task ShellExecution contributes.taskDefinitions
原始碼管理	workspace.workspaceFolders SourceControl SourceControlResourceGroup scm.createSourceControl TextDocumentContentProvider contributes.menus
偵錯程式擴充套件	contributes.breakpoints contributes.debuggers debug
Markdown 擴充套件	markdown.previewStyles markdown.markdownItPlugins markdown.previewScripts
測試擴充套件	TestController TestItem
自定義資料擴充套件	contributes.html.customData contributes.css.customData

以下是來自 VS Code 擴充套件示例倉庫的其他示例列表。

GitHub 倉庫中的示例	API 與貢獻
Webview 示例	window.createWebviewPanel window.registerWebviewPanelSerializer
狀態列示例	window.createStatusBarItem StatusBarItem
樹檢視示例	window.createTreeView window.registerTreeDataProvider TreeView TreeDataProvider contributes.views contributes.viewsContainers
任務提供程式示例	tasks.registerTaskProvider Task ShellExecution contributes.taskDefinitions
多根目錄示例	workspace.getWorkspaceFolder workspace.onDidChangeWorkspaceFolders
補全提供程式示例	languages.registerCompletionItemProvider CompletionItem SnippetString
檔案系統提供程式示例	workspace.registerFileSystemProvider
編輯器裝飾示例	TextEditor.setDecorations DecorationOptions DecorationInstanceRenderOptions ThemableDecorationInstanceRenderOptions window.createTextEditorDecorationType TextEditorDecorationType contributes.colors
L10N 示例
終端示例	window.createTerminal window.onDidChangeActiveTerminal window.onDidCloseTerminal window.onDidOpenTerminal window.Terminal window.terminals
Vim 示例	命令 StatusBarItem window.createStatusBarItem TextEditorCursorStyle window.activeTextEditor Position Range Selection TextEditor TextEditorRevealType TextDocument
原始碼管理示例	workspace.workspaceFolders SourceControl SourceControlResourceGroup scm.createSourceControl TextDocumentContentProvider contributes.menus
註釋 API 示例
文件編輯示例	命令 contributes.commands
入門示例	contributes.walkthroughs
測試擴充套件	TestController TestItem

語言擴充套件示例

這些示例是語言擴充套件示例

示例	VS Code 網站上的指南
程式碼片段示例	/api/language-extensions/snippet-guide
語言配置示例	/api/language-extensions/language-configuration-guide
LSP 示例	/api/language-extensions/language-server-extension-guide
LSP 日誌流式傳輸示例	不適用
LSP 多根目錄伺服器示例	https://github.com/microsoft/vscode/wiki/Adopting-Multi-Root-Workspace-APIs#language-client--language-server (GitHub 倉庫 wiki)
LSP Web 擴充套件示例	/api/language-extensions/language-server-extension-guide

12/10/2025