Manuel K

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

Screenshot von Visual Studio Code

Schriftart

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

    Screenshot der Ligaturen

Farbschema

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

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