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.

 

Wikipedia

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

Thanks!