web-dev-qa-db-ja.com

Atom-Beautifyパッケージをbabel / jsx javascriptファイルでフォーマットするように構成するにはどうすればよいですか？

自動インデントとReact/babelコードを美化するパッケージを検索しました。私は試してみました atom-beautify これはAtomに良いフィードバックがあるようです。

しかし、通常のbabelファイルの結果は十分ではありません。「HTMLタグ」は必要に応じてインデントしません。誰かがbabelでatom-beautifyを使用しようとしましたか？

reactjsatom-editorbabelprettify
13
Damien Leroux

Atom beautifyはその時点ではjsxをサポートしていませんでした。 今はできる :)

4
Damien Leroux

私は現在、プラグインのlanguage-babel、react、autoclose-htmlを使用して、これを問題なく処理しています。

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

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

https://atom.io/packages/react

お役に立てれば！

12
David Meents

私はPrettier（ https://prettier.io/ ）を使用してコードをベストプラクティスに書き直し、1人の人がすべてを書いたかのようにすべてのチームがコードを書くことができます。 JSXをサポートし、最近ではTypeScript、CSS、SCSSなどもサポートしています。

3
elQueFaltaba

私はすでに同じ問題に直面し、 prettier-atom の使用を終了しました。それはHTMLタグで本当にうまくいきます。

3
Jalal

私は miniprettier を使用しています。これは Prettier公式サイト に推奨パッケージとしてリストされています。

きれいな原子に似ていますが、すべての依存関係はありません。大好きです！ JSXでは非常にうまく機能します。他のファイルタイプ（JSON、純粋なHTML、JSなど）には、atom-beautifyを使用しています。

0
hoohoo-b