web-dev-qa-db-fra.com

Comment configurer le package atom-beautify pour formater avec les fichiers javascript babel / jsx?

J'ai recherché un package pour l'auto-indentation et l'embellissement de mon code React/babel. Je viens d'essayer atom-beautify qui semble avoir un bon retour sur Atom.

Mais le résultat sur un fichier babel habituel n'est pas suffisant: la "balise HTML" ne se met pas en retrait comme souhaité. Quelqu'un a-t-il essayé d'utiliser atom-beautify avec babel?

13
Damien Leroux

Atom beautify ne supportait pas jsx à cette époque. il le fait maintenant :)

4
Damien Leroux

J'utilise actuellement les plugins language-babel, react et autoclose-html pour gérer cela sans problème.

https://atom.io/packages/autoclose-html

https://atom.io/packages/language-babel

https://atom.io/packages/react

J'espère que cela t'aides!

12
David Meents

J'utilise Prettier ( https://prettier.io/ ) pour réécrire mon code dans les meilleures pratiques, afin que toute l'équipe puisse écrire du code comme si une seule personne avait tout écrit. Prend en charge JSX, et récemment, même TypeScript, CSS, SCSS, ..

3
elQueFaltaba

J'ai déjà rencontré le même problème et j'ai fini d'utiliser plus joli atome . Cela fonctionne vraiment bien avec les balises HTML.

3
Jalal

J'utilise miniprettier , il est répertorié sur Site officiel Prettier comme package recommandé.

C'est comme un joli atome mais sans toutes les dépendances. J'aime cela! Cela fonctionne très bien sur JSX. J'utilise atom-beautify pour d'autres types de fichiers (par exemple JSON, HTML pur, JS).

0
hoohoo-b