web-dev-qa-db-ja.com

eslintに従ってWebStorm形式コードを作成する方法は？

WebStormプロジェクトにeslint設定を指定しました。ただし、コードの再フォーマット機能には適用されないようです。たとえば、import { something } from 'somewhere'をimport {something} from 'somewhere'としてフォーマットし続けます。

Eslint構成に従ってWebStormにコードをフォーマットさせる方法はありますか？

webstormeslint
47
SiberianGuy

WebStorm 2017をインストールしたばかりで、これがWS 2016で機能するかどうかわかりません。Option+ Command + Lを押してコードを再フォーマットする代わりに、カーソルがESLintエラーの近くにあるときにOption + Enterを押すことができます。これにより、コンテキストメニューが開き、[ESLint：現在のファイルを修正]が選択されます enter image description here

31
Oyvind Habberstad

（説明されている手順とスクリーンショットはIntelliJ IDEA 2017.2からのものです）

アクション「ESLintの問題を修正」にキーボードショートカットを追加できます。 プラグイン「JavaScriptサポート」がインストールされ、有効になっていることを確認します。

まずPreferences| 言語とフレームワーク| JavaScript| コード品質ツール| ESLintそして有効にします。 「ノードインタープリター」、「ESlintパッケージ」、およびオプションの「構成ファイル」を定義する必要があります。

enter image description here

次にPreferences| Keymapそして、「eslint」を検索します。これで、たとえばショートカット「control + shift + L」を追加できます。

enter image description here

88
ph.dev

更新：答えは時代遅れです。最適なソリューションは https://stackoverflow.com/a/46099408/1057218 で説明されています

残念ながら、eslintコードスタイル設定をインポートすることはできません（ WEB-1935 ）が、コードスタイルを手動で設定することはできます。

設定を参照してください： "ファイル|設定|エディター|コードスタイル| JavaScript"
インポートブレースの場合： "Spaces"-> "ES6インポート/エクスポートブレース"

9
anstarovoyt

私が今使っている一時的な修正は、ESLint構成をJSCSにエクスポートすることです。 WebStormとPHPStormでうまく動作します！

Polyjuice と呼ばれるこのパッケージを使用し、eslint configから ここに出力があります を使用しました。

1
Cameron