JavaScript リンター
WebStorm は、ESLint(英語) およびその他の最も一般的な JavaScript コードリンターと統合され、コードを実行せずにコードの問題を検出します。
インストールして有効にすると、JavaScript ファイルを開くたびにリンターが自動的にアクティブになり、検出されたエラーと警告が報告され、可能な場合はクイックフィックスが提案されます。
現在のファイルで検出されたエラーの説明とそれらのクイックフィックスは、エディターおよび問題ツールウィンドウのファイルタブから入手できます。
以前に開いたすべてのファイルのエラーとそれらのクイックフィックスは、問題ツールウィンドウのプロジェクトエラータブに表示されます。ツールウィンドウを開くには、エディターの右上隅にあるインスペクションウィジェットをクリックします。
詳細については、エディターで問題を表示してクイックフィックスを適用するおよび問題ツールウィンドウを参照してください。
エディターで問題を表示してクイックフィックスを適用する
エディターで、ハイライトされた問題の上にマウスを置きます。WebStorm は、問題の説明を含むツールチップを表示します。
この問題を解決するには、<リンター名>: 「<ルール名>」を修正をクリックするか、Alt+Shift+Enter を押します。
現在のファイルで検出されたすべての問題を解決するには、その他のアクション（Alt+Enter）をクリックして、リストから を選択します。
または、Alt+Enter を押して、リストから関連する提案を選択します。
問題ツールウィンドウ
問題ツールウィンドウを開くには、エディターの右上隅にあるインスペクションウィジェットをクリックします。
または、メインメニューからを選択するか、Alt+6 を押します。
問題ツールウィンドウは、次の 2 つのタブで構成されています。
ファイルタブには、アクティブなエディタータブからファイルで検出されたエラーが表示されます。
プロジェクトエラータブには、以前に開いたすべてのファイルのエラーが、検出されたファイルごとにグループ化されたエラーメッセージとともに表示されます。
エラーごとに、WebStorm は簡単な説明とエラーが発生した行の番号を示します。エラーメッセージから、問題が発生したコードに移動するか、クイックフィックスを適用するか、エディタープレビューペイン（
）で問題を手動で修正できます。
問題ツールウィンドウを開くには、エディターの右上隅にあるインスペクションウィジェットをクリックします。
または、メインメニューからを選択するか、Alt+6 を押します。
問題の推奨クイックフィックスを表示するには、対応するエラーメッセージを選択し、コンテキストメニューからクイックフィックスの表示を選択するか、ツールバーの
をクリックするか、Alt+Enter を押します。問題を修正するには、リストから適切なクイックフィックスを選択します。
または、
をクリックしてエディタープレビューペインを開き、ツールウィンドウを移動せずに手動で問題を修正します。
ファイル全体で検出された問題を解決するには、コンテキストメニューから <リンター名>: 現在のファイルを修正を選択します。
エラーが発生した場所に移動するには、対応するエラーメッセージをダブルクリックするか、コンテキストメニューからソースに移動を選択するか、F4 を押します。
リンターの設定を編集したり、問題が発生したステートメントまたはファイル全体のルールを抑制したり、現在のファイルを分析から除外したりすることもできます。詳細については、インスペクションを無効にして抑制を参照してください。
エラーメッセージを重大度でフィルタリングしてソートをカスタマイズするには、
をクリックして、リスト内の関連するアイテムを選択またはクリアします。
エラーメッセージをコピーするには、コンテキストメニューから問題の説明をコピーを選択するか、Ctrl+C を押します。
関連ページ：
インスペクションの無効化と有効化
いくつかのインスペクションは現在見たくない問題を報告するかもしれません。この場合、無効にしたり抑制したりできます。インスペクションを無効にする：インスペクションを使用不可にすると、無効になります。これは、このインスペクションが検出するように設計されているという問題について、コード分析エンジンがプロジェクトファイルの検索を停止することを意味します。インスペクションを無効にすると、現在のインスペクションプロファイルで無効になります。他のプロファイルでは有効のままです。WebStorm のほとんどの...
JavaScript 後置テンプレート
後置コード補完では、入力したばかりの式の周囲にテンプレートコードを追加できます。ドットの後に略語（後置）を入力して展開キー（デフォルトでは）を押すか、コード補完ポップアップで略語を選択すると、テンプレートが展開されます。WebStorm には、定義済みの後置テンプレートのセットが付属しており、JavaScript および TypeScript 用に独自のカスタム後置テンプレートを定義できます。カスタムテンプレートの作成を参照してください。JavaScript の事前定義テンプレートは Type...
ESLint
WebStorm は、プラグインで拡張できる幅広い lint ルールをもたらす ESLint と統合します。WebStorm は、入力時に ESLint によって報告された警告とエラーをエディターに表示します。ESLint を使用すると、JavaScript 標準スタイルを使用したり、TypeScript コードをリントしたりすることもできます。JavaScript と TypeScript に加えて、ESLint はプロジェクト全体またはその特定の部分の他のタイプのファイルに適用できます。lint...