What is this?
A collection of sample VS Code extensions from Microsoft, each a self-contained extension demonstrating one topic of the VS Code extension API or a specific Contribution Point.
A collection of sample VS Code extensions from Microsoft, each a self-contained extension demonstrating one topic of the VS Code extension API or a specific Contribution Point.Is this a single extension or a collection of many?It's a collection of many separate example extensions (webview, tree view, status bar, task provider, source control, language server, etc.), each in its own folder with its own README.
It's a collection of many separate example extensions (webview, tree view, status bar, task provider, source control, language server, etc.), each in its own folder with its own README.How do I run one of these samples?Clone the repo, open a sample folder in VS Code (code .), run npm install in the terminal, then press F5 to launch the extension in a new Extension Development Host window. Some samples have their own extra setup steps in their individual README.
Clone the repo, open a sample folder in VS Code (code .), run npm install in the terminal, then press F5 to launch the extension in a new Extension Development Host window. Some samples have their own extra setup steps in their individual README.What do I need installed first?You need Node.js and npm; it's recommended to use the same Node version documented for VS Code core development.
You need Node.js and npm; it's recommended to use the same Node version documented for VS Code core development.Where should I start if I'm new to extension development?Start with the Hello World Sample (or its minimal JavaScript version) to learn extension anatomy, then move to topic-specific samples like Webview, Tree View, or Task Provider as needed.
Start with the Hello World Sample (or its minimal JavaScript version) to learn extension anatomy, then move to topic-specific samples like Webview, Tree View, or Task Provider as needed.Does it cover Language Server Protocol extensions too?Yes, there is a dedicated set of LSP samples covering snippets, language configuration, a full LSP server, web extension variants, and even a Wasm-based language server.
Yes, there is a dedicated set of LSP samples covering snippets, language configuration, a full LSP server, web extension variants, and even a Wasm-based language server.Can I build extensions that run in the browser (VS Code Web)?Yes, there's a Hello World Web Sample and an LSP Web Extension Sample specifically for building extensions compatible with VS Code for the Web.
Yes, there's a Hello World Web Sample and an LSP Web Extension Sample specifically for building extensions compatible with VS Code for the Web.Is there a sample for building a chat participant or AI feature?Yes, there are Chat Sample and Chat Tutorial samples demonstrating the chat extension API.
Yes, there are Chat Sample and Chat Tutorial samples demonstrating the chat extension API.How is each sample's code kept consistent?All samples follow the same code style, enforced using ESLint.
All samples follow the same code style, enforced using ESLint.What are similar projects?graphiql, theia, rust-analyzer, typescript-go, htn_planner, git-history, Vim, pixel-agents
graphiql, theia, rust-analyzer, typescript-go, htn_planner, git-history, Vim, pixel-agentsWhich topics is it in?language-server-protocol, webview, jupyter-notebook, vscode-extension, vim, examples, vscode, documentation, tutorial, npm, tool, nodejs
language-server-protocol, webview, jupyter-notebook, vscode-extension, vim, examples, vscode, documentation, tutorial, npm, tool, nodejs