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
-
PragmataPro unterstützt eine Vielzahl an Ligaturen. Beispielsweise:
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
- ES6-String-HTML färbt den Inhalt von Template Strings vor welchen
/*html*/
oderhtml
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,