Working Draft

Working Draft


Revision 341: Visual Studio Code

June 11, 2018

Hans und Peter nutzen beide Visual Studio Code und geben ihre Tool-, Extension-, und Konfigurations-Tipps zum besten! Anlass waren die Veröffentlichung des Artikels Top JavaScript VSCode Extensions for Faster Development sowie vscodecandothat.com.
Schaunotizen

[00:00:08] Visual Studio Code

Hans und Peter nutzen beide früher Sublime Text und sind nun großteils auf Visual Studio Code umgestiegen. VS Code ist umfassend erweiterbar und konfigurierbar, also gibt es viel an Extensions und Geheimtipps zu verteilen. Neben eingebauten Features wie dem Debugger, dem Git-Support und der visuellen Anpassbarkeit (hier ein Bild von Peters Ton-in-Ton-Setup) gibt es eine Menge von Extensions zu besprechen:

Import Cost
TODO highlight
GitLens
vscode-jest (für Integration in Jest)
coverage-gutters
css-triggers (mit Daten von csstriggers.com)
HTMLHint
EditorConfig
gitignore (ähnliche Extensions gibt es auch für die Config-Files von Docker, Jenkins etc.)
HTML Escape
Instant Markdown und markdownlint
WordCounter

Außerdem sprechen wir über das integrierte Terminal von VS Code und warum wir stattdessen Hyper und Terminator benutzen und warum damit unsere Benutzung der Desktop-Manager Divvy und Unity einhergeht.

[00:54:53] Keine Schaunotizen

Scrolling
Hans empfiehlt den Artikel Scroll to the future sowie die CSS-Features scroll-behavior und Scroll Snap Points.