Für die Webentwicklung gibt es eine Vielzahl an nützlichen Editoren / IDEs, von Visual Studio Code über WebStorm bis hin zu Sublime. Ich empfehle aber den Atom-Editor zu verwenden, für den ein riesiges Plugin-Universum existiert.
Für diesen sind folgende Addons nützlich:
- atom-import-sort
- atom-react-autocomplete
- autocomplete-modules
- editorconfig
- file-icons
- linter
- linter-csslint
- linter-eslint
- linter-htmlhint
- linter-jsonlint
- linter-less
- minimap
- minimap-linter
- pigments
- minimap-pigments
- prettier-atom
- react
Anstatt des linters kann man auch atom-ide-ui und ide-typescript für ein Zwischending zwischen simplen Editor und umfangreicher IDE installieren.
Alle installieren:
apm install atom-import-sort atom-react-autocomplete autocomplete-modules editorconfig file-icons linter linter-csslint linter-eslint linter-htmlhint linter-jsonlint linter-less minimap minimap-linter pigments minimap-pigments prettier-atom react
Es lohnt sich immer ein Blick in das Atom Package Repository und diese Liste aller Linter.
Bitte installiert node.js.
Als bessere Alternative (lock-files) zu npm bietet sich yarn an.
Um im Browser auf Fehlersuche zu gehen, sollte man die React Developer Tools (Chrome, Firefox) und die redux DevTools (Chrome, Firefox) installieren.