Workshop: Build your First VS Code Extension
summary
Hands-on build of a VS Code extension that reads editor text, parses it with Babel parser/traverse/generator into an AST, replaces function declarations with const-arrow-variable declarations, and writes the file back using the workspace edit API. Project bootstraps with the Yeoman yo code generator, uses @babel/types to create nodes, and runs in the Extension Development Host for live testing; the live demo compiles and succeeds converting functions to arrow forms.
AI-written summary · about
chapters (8)
- 0:00Introduction and setup
- 7:17Creating the extension project
- 14:12VS Code API basics
- 24:07Understanding AST
- 37:15Transforming code with Babel
- 44:49Implementing the refactoring
- 57:14Summary and next steps
- 1:00:26Q&A
related talks
31mBuild My First VS Code Extension in 25 Minutes Flat
45mDevelopment of VSCode extensions
58mWriting VS Code extensions for fun and profit
19mBuilding a VS Code Extension
29mUpgrade Your Toolbox with IDE Extensions
30mYour IDE deserves better
16mExtending VS Code, or How to Create Yourself a Back Office in 10 Minutes
13mHow to build AI-powered VS Code extensions with local models