Build My First VS Code Extension in 25 Minutes Flat
summary
A live demo builds a working VS Code extension from the Yeoman generator (yo code) using TypeScript and npm/pnpm, wiring activation and commands and adding configuration. It shows fetching jokes with axios from a Chuck Norris API and a dev-joke API, debugging in a second VS Code window, creating a TreeView with three hardcoded DB entries in a dedicated view container (using a built-in icon), and adding a WebView that displays a selected DB host; key components covered are Commands, TreeView, and WebView.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:26Project setup with Yo Code
- 3:30First test and activation
- 5:20Extension configuration
- 8:13Adding commands via API
- 14:44Tree view creation
- 23:43Detailed view with WebView
- 30:09Conclusion and resources
related talks
45mDevelopment of VSCode extensions
58mWriting VS Code extensions for fun and profit
01h 04mWorkshop: Build your First VS Code Extension
19mBuilding a VS Code Extension
16mExtending VS Code, or How to Create Yourself a Back Office in 10 Minutes
29mUpgrade Your Toolbox with IDE Extensions
30mVS Code Can Do That
48mVisual Studio Code can do that?