eslintを使用してJavaScriptコードをフォーマットするにはどうすればよいですか？

Question

私はvimをエディタとして使用していますが、私はJavaScriptコードをlintingするためにeslintを使用しています。以前は、jsコードの書式設定にjs-beautifyを使用しました。しかし、最近、私は、eslintには--fixオプションがあることが判明しました。これは通常のコーディングスタイルの問題を解決して、eslintルールに違反します。

また、postは、コードの書式設定にeslintを使用することを示しています。私はそれが素晴らしいアイデアだと感じています。なぜなら、私はeslintとjsの両方を美しくすることが冗長であると感じているからです。 eslintはすでに私のコーディングスタイルの問題をすべて検出できるので、私はなぜそれをフォーマットできないのですか？

js-beautifyとeslintの両方に欠点があり、js-beautifyをeslintの規則に従って調整する必要があるという欠点もあります。これはまったく必要ありません。

しかし、jsファイルにeslint --fixを使用すると、セミコロンを挿入し、必要な場所にスペースを追加するような修正が行われます。しかし、私のコードが圧縮されていれば、人間が読めるフォーマットにうまくフォーマットされません。

js-beautifyのように、どのようにしてeslintのコードフォーマットを行うことができますか？

Answer 1

私は実際にeslint形式のコードを作成しませんでした。しかし、js-beautifyの結果をeslint --fixにパイプするのがトリックです。したがって、同じ行の複数のステートメントはjs-beautifyによってフォーマットされ、その結果はeslint --fixに送られ、通常のスタイルの問題を修正します。最後に、フォーマットされた固定バージョンのコードが得られます。

Answer 2

すべてのルールが自動的に修正されるわけではありません。時には、人間が問題を解決する方法を決定することが重要です。これらのルールはあなたのために修正されません。

末尾のカンマのような他のルールは自動的に安全に固定でき、--fixで適用されます。