WebStorm キーボードショートカット
WebStorm には、編集、ナビゲーション、リファクタリング、デバッグ、その他のタスクに関連するほとんどのコマンドに対するキーボードショートカットがあります。これらのホットキーを覚えておくと、キーボードから手を離さずに生産性を高めることができます。
すべてのデフォルトのショートカットは構成可能であり、デフォルトではショートカットがないアクションにショートカットを割り当てることもできます。
事前定義されたキーマップは、考えられるすべてのプラットフォーム、バージョン、構成を網羅しているわけではありません。一部のショートカットは、グローバルシステムアクションおよびサードパーティソフトウェアのショートカットと競合する可能性があります。WebStorm は競合を検出し、ポップアップメッセージで通知します。これらの競合を修正するには、グローバル OS ショートカットとの競合に従って、競合するショートカットを再割り当てまたは無効にすることができます。
次の表は、最も便利なショートカットをいくつか示しています。
ショートカット | アクション |
|---|---|
ダブル Shift | WebStorm、プロジェクト、現在の Git リポジトリで、ファイル、アクション、クラス、シンボル、ツールウィンドウ、設定をすばやく検索できます。 |
Ctrl+Shift+A | コマンドを見つけて実行するか、ツールウィンドウを開くか、設定を検索します。 |
ダブル Ctrl | なんでも実行 実行 / デバッグ構成を起動し、npm および yarn スクリプトを実行し、最近のプロジェクトを再度開きます。 |
Alt+Enter | ハイライトされたエラーと警告のクイックフィックス、コードを改善および最適化するためのインテンションアクション。 |
F2 Shift+F2 | 次または前のハイライトされたエラーに移動します。 |
Ctrl+E | リストから最近開いたファイルを選択します。 |
Ctrl+W Ctrl+Shift+W | 特定のコード構成に従って選択の範囲を増減します。 |
Ctrl+/ Ctrl+Shift+/ | 行またはコードブロックをコメントアウトします。 |
Alt+F7 | プロジェクト全体でコード要素が使用されているすべての場所を表示します。 |
適切なキーマップを選択する
キーマップ構成を表示するには、設定ダイアログ Ctrl+Alt+S を開き、キーマップを選択します。
定義済みのキーマップを使用する
WebStorm は、環境に基づいて事前定義されたキーマップを自動的に提案します。使用している OS と一致することを確認するか、使用している別の IDE またはエディターからのショートカットと一致するものを選択してください（たとえば、Eclipse または NetBeans）。
このページと WebStorm ドキュメントの他のページを参照すると、IDE で使用するキーマップのキーボードショートカットが表示されます。ページ上部のセレクターを使用して選択してください。
プラグインからキーマップをインストールする
デフォルトのキーマップセットに加えて、プラグインからキーマップ（GNOME や KDE のキーマップなど）をインストールできます。設定ダイアログ Ctrl+Alt+S を開き、プラグインを選択し、マーケットプレースタブに切り替えて、キーマップを検索します。
キーマップを調整する
定義済みのキーマップのコピーを変更して、頻繁に使用するコマンドに独自のショートカットを割り当てることができます。
カスタムキーマップをインポートする
慣れているカスタマイズされたキーマップがある場合は、それをインストールに転送できます。
キーマップを印刷する
ハードコピーをご希望の場合は、デフォルトの WebStorm キーマップリファレンスをダウンロードしてカードとして印刷してください。
作業中にショートカットを学ぶ
WebStorm は、ショートカットを学ぶためのいくつかの可能性を提供します:
アクションの検索を使用すると、すべてのメニューとツールにわたってコマンドと設定を検索できます。
Ctrl+Shift+A を押して、入力を開始し、推奨される操作のリストを取得します。必要なアクションを選択し、Enter を押して実行します。
Key Promoter X(英語) は、マウスを使用してコマンドが実行されるたびに、対応するキーボードショートカットと共にポップアップ通知を表示するプラグインです。また、頻繁に実行されるコマンドのショートカットを作成することをお勧めします。
事前定義されたキーマップの 1 つを使用している場合は、デフォルトのキーマップ参照カードを印刷して机の上に置いておき、必要に応じて参照することができます。このチートシートは、 でも入手できます。
デフォルト以外またはカスタマイズされたキーマップを印刷するには、キーマップエクスポータープラグイン(英語)を使用します。
高度な機能を使用する
以下の便利な機能を使用して、生産性をさらに向上させることができます。
- クイックリスト
頻繁に使用するアクションのグループがある場合は、カスタムショートカットを使用してそれらにアクセスするためのクイックリストを作成します。例: 次の事前定義されたクイックリストを使用して試すことができます。
リファクタリング Ctrl+Alt+Shift+T
VCS 操作 Alt+`
- スマートキー
WebStorm は、ペアのタグと引用符の自動追加、CamelHump 単語の検出など、多くの入力支援機能を提供します。
- スピード検索
ツリー、リスト、テーブルのあるツールウィンドウにフォーカスがある場合は、入力を開始して、一致するアイテムを表示します。
- 2 回押し
WebStorm の一部のアクションは、複数回実行すると、より多くの結果を提供します。例: フィールド、パラメーター、変数宣言の一部で Ctrl+Space を使用して基本コード補完を呼び出すと、現在のスコープ内のアイテム型に応じた名前が提案されます。再度呼び出すと、モジュールの依存関係を通じて利用可能なクラスが含まれます。3 回連続で呼び出されると、提案のリストにはプロジェクト全体が含まれます。
- ツールウィンドウのサイズを変更する
マウスを使用せずにツールウィンドウのサイズを調整することができます:
垂直ツールウィンドウのサイズを変更するには、Ctrl+Alt+Shift+Left および Ctrl+Alt+Shift+Right を押します。
水平ツールウィンドウのサイズを変更するには、Ctrl+Alt+Shift+Up および Ctrl+Alt+Shift+Down を押します。
関連ページ：
キーボードショートカットを設定する
WebStorm には定義済みのキーマップがいくつか含まれており、頻繁に使用するショートカットをカスタマイズできます。キーマップ構成を表示するには、設定ダイアログを開き、キーマップを選択します。WebStorm は、環境に基づいて事前定義されたキーマップを自動的に提案します。使用している OS と一致することを確認するか、使用している別の IDE またはエディターからのショートカットと一致するものを選択してください（たとえば、Eclipse または NetBeans）。キーマップは、対応するキ...
名前でターゲットを検索する (どこでも検索)
プロジェクト内またはプロジェクト外のアイテムは、その名前で見つけることができます。単一のエントリポイントから、Git 内のファイル、アクション、クラス、シンボル、設定、UI 要素などを検索できます。プロジェクト内のテキストの検索の詳細については、「プロジェクト内のターゲットを検索する」を参照してください。どこでも検索：に移動するか、を 2 回押して、すべて、クラス、ファイル、シンボル、アクションタブのある検索ウィンドウを開きます。デフォルトでは、すべてタブが開き、WebStorm に最近のフ...
インテンションアクション
エディターで作業すると、WebStorm がコードを分析し、最適化の方法を探します。インテンションのアクションは、エラーや警告から最適化の提案まで、幅広い状況をカバーします。IDE がコードを改善する方法を見つけるとすぐに、エディター内の現在の行の横に黄色のバルブアイコンが表示されます。このアイコンをクリックすると、現在のコンテキストで利用可能なインテンションアクションが表示されます。黄色いバルブのアイコンは、WebStorm が問題を検出したことを示し、クイックフィックスでそのことを知らせます...
ソースコードナビゲーション
さまざまなアクションとポップアップを使用して、エディター内のコード内をすばやく移動できます。エディターウィンドウとツールウィンドウ間の移動、およびエディタータブとパンくずリストの操作の詳細については、エディターの基本を参照してください。最近のファイル、場所、変更のナビゲーションの詳細については、最近のファイルと変更を参照してください。必要なファイルの検索方法の詳細については、ファイルナビゲーションを参照してください。ファイルの構造を表示および移動する方法の詳細については、ファイル構造を参照してく...
最近のファイルと変更
プロジェクトで作業しているとき、最近表示または編集したファイルや場所を切り替える必要があることがよくあります。WebStorm は、最近使用したファイルを見つけて再度開いたり、編集したコードの一部を再確認したりするのに役立つクイックナビゲーション機能を提供します。最近使用したファイルの検索最近使用したファイルポップアップを使用して、最近開いたファイルや編集したファイルを検索できます。最近使用したファイルポップアップを開くには、を押します。最近編集したファイルのみを表示するには、もう一度を押す
ソースコードの作成と編集
コードを使用する場合、WebStorm は作業にストレスがないことを保証します。追加、選択、コピー、移動、編集、折りたたみ、出現箇所の検索、コードの保存に役立つさまざまなショートカットと機能を提供します。エディター内のナビゲーションについては、エディターの基本を参照してください。アクションの検索使用したいアクションのショートカットを覚えていない場合は、を押して名前でアクションを見つけてください。同じダイアログを使用してクラス、ファイル、シンボルを見つけることができます。詳しくは、名前でターゲッ...