Editor Setup

Visual Studio Code ist seit Langem mein Werkzeug der Wahl, um Anwendungen zu programmieren. Überzeugt hat es mich durch Schnelligkeit und Anpassungsfähigkeit.

Oberfläche

Schriftart

• Pra­gmataPro unterstützt eine Vielzahl an Ligaturen. Beispielsweise:

  

Farbschema

• IBM Color Scheme

Icons

• VSCode-Icons

  

Nützliche Erweiterungen

• TabNine - Durch Machine Learning gestütztes Autocomplete für jede Sprache. Die Ergebnisse können durch das zuschalten der jeweiligen Language Server verbessert werden. Hierfür muss TabNine::sem getippt werden.
• GitLens
• Import Cost
• NPM Intellisense

Syntax

• ES6-String-HTML färbt den Inhalt von Template Strings vor welchen /*html*/ oder html steht wie normales HTML ein.
• TODO Highlight hebt TODO in Kommentaren deutlich hervor.
• Indented Block Highlighting

Formatierung

• EditorConfig ermöglicht das festlegen von verschiedenen Editor Einstellungen pro Projekt. Beispielsweise ob Tabs oder Leerzeichen für ein Tab genutzt werden oder wie viele Leerzeichen ein Tab groß ist.
• ESLint überprüft ob JavaScript nach vorher definierten Regeln geschrieben wurde und bietet im Zusammenspiel mit Prettier eine Autokorrektur an.
• Prettier ermöglicht die automatische Formatierung von nahezu allen Dateitypen.

Um das Zusammenspiel der verschiedenen Formatierungshilfen zu ermöglichen, wird folgende Konfiguration genutzt:

  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  "eslint.autoFixOnSave": false,
  "editor.formatOnPaste": false,
  "editor.formatOnSave": true,
  "prettier.stylelintIntegration": true,
  "prettier.eslintIntegration": true,

Anderes

• Clock In Statusbar
• Instant Weather
• IP Address
• VSCode-Spotify