Wenn wir arbeiten auf die gleiche codebasis wie ein team, wir immer wollen
- code verwenden die gleiche format überall (wie
tabs
undspaces
) - code verwenden die best practices für gute qualität (wie
let
/const
anstattvar
)
Code-Formatierer löst das erste Problem, es druckt das gesamte Programm von Grund auf neu in einer konsistenten Weise.,
Code Linter löst das zweite Problem, es hilft, die besseren Syntaxen oder neuen Funktionen der Programmiersprachen zu verwenden und mögliche Fehler zu fangen, aber es ist nicht in der Lage, einige schwierige zu lösen, wie Variablennennung.
Code Linter kann auch verwendet werden, um das erste Problem zu lösen, aber es ist nicht so gut wie Code-Formatierer., Code Linter kann Tabs und Leerzeichen reparieren, aber es kann nicht sehr lange Codezeilen von
zu
neu formatieren Code Linter funktioniert anders als Code-Formatierer, Code Linter verwendet AST, um den Code zu analysieren, Verstöße herauszufinden, dann den Code nur an dieser Stelle zu beheben, Code-Formatierer verwendet auch AST, aber regeneriert den Code direkt aus dem AST, so dass Code-Formatierer 100% Code-Konsistenz in der gesamten Codebasis versprechen kann, und Code-Formatierer behebt Code immer viel schneller als Code Linter.,
Um die Vorteile von fomatter und Linter voll auszunutzen, sollten wir sie das Problem lösen lassen, in dem sie gut sind, Code Formatter verwenden, um Quellcode zu formatieren und Code Linter nur für die besseren Syntaxen, neuen Funktionen und das Auffangen möglicher Fehler zu verwenden.
awesomecode.io verwenden Sie bereits Code linter eslint
für Javascript-Code, was gut funktioniert, diese Woche haben wir Code formatter prettier
für Javascript-Code eingeführt und es zusammen mit eslint
funktioniert.,
By default, we enable javascript formatter and auto-reformat your javascript code for each git commit, if you don’t like it, you can configure it in Project Settings page.
Css and ruby formatters are coming soon…