Create your first VS Code extension

Transcript

1. Create your first VS Code Extension Niklas Kiefer
2. 2 Background: vs-code-bpmn-io
5. 5 Extension Capabilities Common Capabilities Theming Declarative Language Features Programmatic Language Features Workbench Extensions Debugging
6. 6 Extension Capabilities Common Capabilities Registering commands, configurations, keybindings, or context menu items Storing workspace or global data Displaying notification messages Using Quick Pick to collect user input Open the system file picker to let users select files or folders
7. 7 Extension Incapabilities No DOM Access :( > Extensions have no access to the DOM of VS Code UI. You cannot write an extension that applies custom CSS to VS Code or adds an HTML element to VS Code UI https://code.visualstudio.com/api/extension-capabilities/overview#no-dom-access
8. 8 <Coding />
9. 9 $ npm install -g yo generator-code $ yo code
10. 10 Advanced package.json
11. 11 There’s more • Creating (Integration) Tests • Publish to Marketplace • Native Commands • Source Control • CI Have a look at this Extensions Guide
12. 12 Further Reading • VS Code Extension API Docs • Extension Samples • randomcatpick final extension
13. Thank you!