WebStorm 2024.3 ヘルプ

インテンションアクション

エディターで作業するときに、WebStorm はコードを分析し、コードを最適化する方法を検索し、潜在的な問題と実際の問題を検出します。

IDE がコードを改善する方法を見つけるとすぐに、エディターの現在の行の横に黄色のバルブアイコン yellow bulb icon が表示されます。このアイコンをクリックすると、現在のコンテキストで使用可能なインテンションアクションを表示できます。インテンションアクションは、警告から最適化の提案まで、さまざまな状況をカバーします。

黄色いバルブのアイコン yellow bulb icon は、WebStorm が問題を検出したことを示し、クイックフィックスでそのことを知らせます。重大な問題の場合、WebStorm は、明るい黄色の yellow bulb icon ではなく、感嘆符 red bulb icon の赤い球を表示します。WebStorm は、警告またはエラーの上にカーソルを置くたびに表示されるインスペクションのツールチップで、最初に利用可能なクイックフィックスを提案します。

詳細については、インスペクションの重大度の設定およびコードインスペクションを参照してください。

インテンションのアクションの完全なリストを設定で開き、その説明を表示し、以下のすべてのインテンションアクションを表示に従って、無効または有効にすることができます。

インテンションアクションを適用する

  1. 変更するコード要素にキャレットを置きます。次に、バルブアイコンをクリックして (または Alt+Enter を押して)、候補のリストを開きます。

    インテンションプレビューが自動的に開きます。インテンションが複雑でプレビューを生成できない場合は、インテンションの説明が表示されます。候補リストで利用可能なインテンションにカーソルを合わせると、プレビューできます。

  2. Enter を押すか、リストのインテンションをクリックして適用します。

    例: インテンションアクションを使用して if...else ステートメントを反転できます。

    Intention action preview

Ctrl+Q を押すか、設定 (Ctrl+Alt+S) | エディター | 一般 | 外観使用可能であればインテンションアクションのプレビューを表示を有効にすることで、プレビューのオンとオフを切り替えることができます。

クイックフィックスの適用

  1. コード内のエラーまたは警告にカーソルを置きます。WebStorm はインスペクションのツールチップを表示し、問題の説明の横に最初に利用可能な修正を表示します。

  2. 推奨される修正を適用するには、Alt+Shift+Enter を押します。

  3. 利用可能なすべてのクイックフィックスとインテンションアクションで通常のポップアップを表示するには、Alt+Enter を押します。

    Applying quick fixes from an inspection tooltip

インテンションへのショートカットを割り当てる

インテンションアクションをより迅速に適用したい場合は、それらにショートカットを割り当てることができます。現在、コードインスペクションに属する修正にショートカットを割り当てることはできません。

  1. エディターで、ショートカットを割り当てるインテンションアクションをトリガーするコードに注意を向け、バルブアイコンをクリックするか、Alt+Enter を押します。

    利用可能な提案のリストが開きます。

  2. リストで、必要なインテンションアクションの横にある をクリックし、開いたメニューからショートカットの割り当てを選択します。

    Assigning keyboard shortcut to intention action
  3. キーボードショートカットダイアログが開いたら、このアクションに使用するショートカットを押して、OK をクリックします。

その後、エディターでこのインテンションアクションを適用するために、提案のリストを開く必要はありません。設定されたショートカットを押すと、すぐに実行できます。

すべてのカスタムインテンションアクションショートカットは設定で見つけることができます。Ctrl+Alt+S を押し、キーマップをクリックして、インテンションカテゴリを見つけます。

すべてのインテンションアクションを表示

使用可能なインテンションアクションの完全なリストを表示し、現時点で不要なアクションを無効にすることができます。インテンションアクションのリストを開くには:

  1. Ctrl+Alt+S を押して設定を開き、エディター | インテンションを選択します。

  2. 各インテンションアクションについて、説明と例を見ることができます。インテンションを無効にするには、その横のチェックボックスをオフにします。

    View all intentions on the Intentions page (Settings)
  3. 変更を適用し、ダイアログを閉じます。

オンザフライでインテンションアクションを無効にする

  1. 変更するコード要素にキャレットを置きます。次に、バルブアイコンをクリックして (または Alt+Enter を押して)、候補のリストを開きます。

  2. 無効にするアクションを選択し、その横にある右矢印をクリックしてから、<インテンションアクション名> を無効にしますをクリックします。

    Disable an intention action on the fly from the context menu

インテンションアクションバルブアイコンを無効にする

エディターでインテンションアクションアイコン Intention action icon とクイックフィックスアイコン the quick-fix icon を非表示にするには、次の手順を実行します。

  1. Ctrl+Alt+S を押して設定を開き、エディター | 一般 | 外観を選択します。

  2. インテンションバルブを表示するチェックボックスをクリアします。

  3. 変更を適用し、ダイアログを閉じます。

関連ページ:

インスペクションの重大度を変更する

インスペクション重大度レベルは、検出されたコードの問題がプロジェクトに与える影響の深刻度を示します。WebStorm には、定義済みの一連の重大度レベルがあります。エラー構文エラー警告バグを引き起こす可能性がある、または拡張が必要なコードの断片弱い警告改善または最適化できるコードの断片 (冗長なコード、重複したコードフラグメントなど) サーバーの問題外部ビルドサーバー (TeamCity など) に起因する問題文法エラー文法の間違い。この重大度は、バンドルされている Grazie Lite プラグイン...

コードインスペクション

WebStorm には、プロジェクト内の異常なコードを検出して修正する一連のコードインスペクションがあります。IDE は、さまざまな問題を見つけてハイライトし、デッドコードを見つけ、考えられるバグやスペルの問題を見つけ、全体的なコード構造を改善することができます。インスペクションは、すべてのプロジェクトファイルまたは特定のスコープでのみ(たとえば、本番コードまたは変更されたファイルでのみ)コードをスキャンできます。すべてのインスペクションには、問題がコードに影響を与える可能性がある程度の重大度レ...

設定

このダイアログを使用して、WebStorm 設定(グローバルとプロジェクト固有のものの両方)を変更します。ダイアログの左上部分にある検索フィールドを使用して、目的のオプションを見つけます。あるいは、検索フィールドにあるカテゴリ (設定のグループ) の階層リストを使用して設定を参照することもできます。IDE 設定を変更した後、OK をクリックして変更を適用してダイアログを閉じるか、適用をクリックしてダイアログを開いたままにします。キャンセルをクリックして変更を破棄し、ダイアログを閉じます。最終更新日...

重複を検索

WebStorm は、重複したコードフラグメントインスペクションを使用して、特定のファイルセット内のコードの反復ブロックを見つけるのに役立ちます。コードを記述または貼り付けて複製を作成すると、WebStorm はすぐにそれをハイライトし、クイックフィックスを提案します。インスペクションにはいくつかの設定が搭載されており、動作を変更することができます。選択したファイルセットのすべての重複を一度に表示するには、名前でインスペクションを実行します。インスペクションを構成するを押して設定を開き、を選択し...

コードリファクタリング

リファクタリングとは、アプリケーションの動作を変更せずにソースコードを更新することを意味します。リファクタリングは、コードを安定した dry に保ち、保守を容易にできます。WebStorm は、影響を受けるコード参照を自動的に追跡して修正する、さまざまなコードリファクタリングを提供します。ゴールとワークフローの違いにもかかわらず、すべての WebStorm リファクタリングにはいくつかの必須ステップが必要です。以下は、コードのリファクタリング時に実行する主な手順の概要です。リファクタリングの呼び出し...