私は、自動インデントして自分のReact/babelコードを美化するパッケージを探しました。私はちょうどatom-beautifyを試しましたが、これはAtomに良い返済率を持っているようです。babel/jsx javascriptファイルでフォーマットするためのatom-beautifyパッケージの設定方法は？
しかし、通常のバベルファイルの結果は十分ではありません。「HTMLタグ」は必要なだけインデントされません。誰もがバベルで原子美化をしようとしましたか？
Atom beautifyはその時点でjsxをサポートしていませんでした。 it does now :)
私は現在、プラグインのlanguage-babel、react、およびautoclose-htmlを使用して、これを問題なく処理しています。
https://atom.io/packages/autoclose-html
https://atom.io/packages/language-babel
https://atom.io/packages/react
この情報がお役に立てば幸い！
私はlanguage-babelを試しましたが、私が間違っていれば私を修正してください、それはauto-indentsだけjsxは関数＆ –
私はそれを確信できません。私はちょうど入って、設定で遊んだだけで、あなたが探しているオプションがあるようだし、問題はなかった。すべてのjavascriptと反応コードが自動的に正しくインデントされる。申し訳ありませんがこれ以上のヘルプではなかった場合。 –
'react'と' language-babel'はお互いに衝突しているようです - 私はこれに関する警告メッセージを受け取ります。 –
私はコードをベストプラクティスに書き直すためにPrettier（https://prettier.io/）を使用しているので、すべてのチームがコードを書くことができます。 JSXをサポートし、最近ではTypeScript、CSS、SCSSなどもサポートしています。
JSXのNuclideパッケージでAtomを使い始めました。きれいな作品はちょうどいいです！ – sunitkatkar
私はすでに同じ問題に直面し、prettier-atomで終了しました。 HTMLタグでうまく動作します。
Atom-Beautifyリポジトリに関する問題を自由に作成してください。https://github.com/Glavin001/atom-beautify/issues 自分自身で 'debug.md'というGistを提供することで、他の人が役立つかもしれませんあなたはそれを働かせるために。 – Glavin001
解決策を見つけましたか？ –
私はVSCodeを使う代わりに、jsxの書式設定で最も強力です。 –