Lorsque nous travaillons sur la même base de code en équipe, nous voulons toujours

  1. code utiliser le même format partout (comme tabs et spaces)
  2. code utiliser les meilleures pratiques pour une bonne qualité (comme let/const plutôt que var)

Le formateur de code résout le premier problème, il réimprime l’ensemble du programme à partir de zéro de manière cohérente.,

Code linter résout le deuxième problème, il aide à utiliser les meilleures syntaxes ou les nouvelles fonctionnalités des langages de programmation et à détecter les erreurs possibles, mais il n’est pas capable de résoudre certaines erreurs difficiles, comme le nommage des variables.

Code linter peut également être utilisé pour résoudre le premier problème, mais ce n’est pas aussi bon que code formatter., Code linter peut corriger les onglets et les espaces, mais il ne peut pas reformater de très longues lignes de code de

à

Code linter fonctionne différemment de code formatter, code linter utilise AST pour analyser le code, découvrir la violation, puis corriger le code juste à cet endroit, code formatter utilise également AST mais régénère le code directement à partir de l’AST, donc code formatter peut promettre une cohérence de code à 100% dans toute la base de code, et code formatter corrige toujours le code beaucoup plus rapidement que code linter.,

Pour tirer pleinement parti des avantages de fomatter et linter, nous devrions les laisser résoudre le problème dans lequel ils sont bons, utiliser code formatter pour formater le code source et utiliser code linter uniquement pour les meilleures syntaxes, les nouvelles fonctionnalités et détecter les erreurs possibles.

awesomecode.io déjà utiliser le code linter eslint pour le code javascript, qui fonctionne bien, cette semaine, nous avons introduit formateur de code prettier pour le code javascript et le fait de travailler ensemble avec des eslint.,

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…