A tutorial for creating VSCode extensions.

code: https://github.com/benawad/vstodo

links:
https://code.visualstudio.com/api/get-started/your-first-extension
https://github.com/microsoft/vscode-extension-samples
https://github.com/microsoft/vscode-extension-samples/tree/master/webview-sample
https://github.com/benawad/vsinder

Deploy extension: https://code.visualstudio.com/api/working-with-extensions/publishing-extension

Timestamps:

  • 0:00:00 Intro
  • 0:01:35 Extension Boilerplate
  • 0:08:52 Custom Commands
  • 0:14:52 Webviews
  • 0:25:29 Vanilla JavaScript
  • 0:29:15 Svelte
  • 0:44:10 Refreshing Webviews
  • 0:49:27 Sidebar
  • 1:02:09 Svelte Basics
  • 1:14:12 Posting Messages
  • 1:33:36 Express.js API
  • 1:39:53 TypeORM
  • 1:46:49 GitHub OAuth
  • 2:08:14 VSCode Save Token
  • 2:44:24 Logout
  • 2:53:15 Todo CRUD
  • 3:24:07 Persisting Webview State
  • 3:29:36 Express Req Type

#vscode #javascript #python #developer #programming

How to Code a VSCode Extension
4.40 GEEK