Shift Remote: JS - Coding VS Code Extensions - Filip Voska (Infinum)
0 likes163 views
The document outlines the features and capabilities of Visual Studio Code (VS Code), a popular open-source text editor that can be customized through extensions. It explains the functionality of extensions, how they enhance the editor, and provides a guide on creating and publishing them. Additionally, it includes resources for getting started with extension development and offers contact information for further inquiries.
Shift Remote: JS - Coding VS Code Extensions - Filip Voska (Infinum)
- 1. Coding VS C de Extensions FILIP VOSKA Lead Angular Engineer @ Infinum
- 2. Coding VS C de Extensions FILIP VOSKA GETTING STARTED WITH Lead Angular Engineer @ Infinum
- 3. WHAT IS VS CODE? • Popular, free, open-source text-editor • Available on multiple platforms • Highly customisable via Extensions • Built in TypeScript, runs in Electron
- 4. WHAT ARE EXTENSIONS? • They turn a text editor into an IDE
- 5. Change the look & feel of the editor Add custom components & views in the UI Display a Webview with a custom interactive webpage Help with debugging a specific runtime WHAT CAN EXTENSIONS DO? Add support for new programming languages and file types Automate boring tasks
- 10. GETTING STARTED
- 12. RUNNING AND DEBUGGING THE EXTENSION
- 16. ACTIVATION EVENTS • onLanguage • onCommand • onDebug • onDebugInitialConfigurations • onDebugResolve • workspaceContains • onFileSystem • onView • onUri • onWebviewPanel • onCustomEditor • * • onStartupFinished
- 17. ACTIVATION EVENTS • onLanguage • onCommand • onDebug • onDebugInitialConfigurations • onDebugResolve • workspaceContains • onFileSystem • onView • onUri • onWebviewPanel • onCustomEditor • * • onStartupFinished package.json
- 25. A quick example for the end. https://giphy.com/gifs/summer-bird-swimming-3oriObAogu8BTaUFBC
- 35. PUBLISHING EXTENSIONS Yes, you will have to create a Microsoft Marketplace Account. You can also build .vsix file and install manually. (without publishing on the Marketplace, for personal use) Yes, you can easily publish your extension for free.
- 36. RESOURCES • Extension API • https://code.visualstudio.com/api • Your First Extension • https://code.visualstudio.com/api/get-started/your-first-extension No other links, the official docs are really good :)
- 37. Visit infinum.com or find us on social networks: infinum.com infinumcom infinumcom infinum Thank you! Any questions? [email protected]