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.