Make VSCode Your Own
TampereJS
15.12.2016
Vlad Stirbu
Principal Software Engineer
Nokia Technologies
vstirbu@gmail.com
@VladStirbu
a source code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring.
Visual Studio Code
VSCode is not alone...
-
Vi, Emacs
-
Text Mate, Sublime Text
-
Brakets, Atom
The surface
- Electron Application
- Node
- Chromium
- Developed using TypeScript
Under the hood
Extensibility
- Extensions
- Activations: file types, file exists, commands
- Editor: read and manipulate text, selections
- Workspace: editors, status bar, info messages
- Eventing: editor life-cycle
- Evolved editing: IntelliSense, Peek, Hover, Diagnostics
- Language servers
- Debuggers
- Extension development languages
- Typescript
- Javascript
Demo
(how I ended up writing an extension)
Mermaid Preview
Resources
- https://github.com/Microsoft/vscode
- https://github.com/vstirbu/vscode-mermaid-preview