WebStorm 2020.1ヘルプ

WebStormキーボードショートカット

WebStormには、編集、ナビゲーション、リファクタリング、デバッグ、およびその他のタスクに関連するほとんどのコマンドのキーボードショートカットがあります。これらのホットキーを覚えておくと、キーボードから手を離すことなく生産性を維持できます。

次の表は、最も便利なショートカットをいくつか示しています。

ショートカットアクション
ダブル Shift

どこでも検索

WebStormやプロジェクトに関連するものを見つけて開き、実行したり、ジャンプしたりします。

Ctrl+Shift+A

アクションの検索

コマンドを検索して実行するか、ツールウィンドウを開くか、設定を検索します。

ダブル Ctrl

なんでも実行

実行/デバッグ構成を起動し、npmおよびyarnスクリプトを実行し、最近のプロジェクトを再度開きます。

Alt+Enter

インテンション・アクションおよびクイックフィックスの表示

強調表示されたエラーまたは警告を修正し、コード構成を改善または最適化します。

F2
Shift+F2

コードの課題間を移動する

次または前の強調表示されたエラーにジャンプします。

Ctrl+E

最近のファイルを見る

リストから最近開いたファイルを選択します。

Ctrl+W
Ctrl+Shift+W

選択範囲を拡大または縮小する

特定のコード構成に従って選択の範囲を増減します。

Ctrl+/
Ctrl+Shift+/

行またはブロックのコメントを追加/削除

行またはコードブロックをコメントアウトします。

Alt+F7

使用箇所の検索

プロジェクト全体でコード要素が使用されているすべての場所を表示します。

  • If you are using one of the predefined keymaps for your OS, you can print the default keymap reference card and keep it on your desk to consult it if necessary. This cheat sheet is also available under ヘルプ | キーマップ・リファレンス

  • 適切なキーマップを選択してください

    キーマップ構成を表示するには、設定/環境設定ダイアログ Ctrl+Alt+S を開き、キーマップを選択します。

    • 定義済みのキーマップを使用する

      WebStorm automatically suggests a predefined keymap based on your environment. Make sure that it matches the OS you are using or select the one that matches shortcuts from another IDE or editor you are used to (for example, Eclipse or NetBeans).

    • キーマップを調整する

      You can modify a copy of any predefined keymap to assign your own shortcuts for commands that you use frequently.

    • カスタムキーマップをインポートする

      If you have a customized keymap that you are used to, you can transfer it to your installation.

    Besides the default set of keymaps, you can add more as plugins (such as, keymaps for GNOME and KDE): open the 設定/環境設定 dialog Ctrl+Alt+S , select プラグイン and search for keymap in the Marketplace.

    キーマップを印刷する

    ハードコピーをご希望の場合は、デフォルトのWebStormキーマップリファレンスをダウンロードしてカードとして印刷してください。

    作業中にショートカットを学ぶ

    WebStormは、ショートカットを学ぶためのいくつかの可能性を提供します:

    • アクションの検索は、すべてのメニューとツールでコマンドと設定を検索できる最も重要なコマンドです。

      Ctrl+Shift+A を押して、入力を開始し、推奨される操作のリストを取得します。必要なアクションを選択し、Enter を押して実行します。

      Find Action
    • Key Promoter X(英語)は、マウスを使用してコマンドが実行されるたびに、対応するキーボードショートカットと共にポップアップ通知を表示するプラグインです。また、頻繁に実行されるコマンドのショートカットを作成することをお勧めします。

    • If you are using one of the predefined keymaps for your OS, you can print the default keymap reference card and keep it on your desk to consult it if necessary. This cheat sheet is also available under ヘルプ | キーマップ・リファレンス

    • デフォルト以外またはカスタマイズされたキーマップを印刷するには、キーマップエクスポータープラグイン(英語)を使用します。

    高度な機能を使用する

    以下の便利な機能を使用して、生産性をさらに向上させることができます。

    • クイック・リスト

      If there is a group of actions that you often use, create a quick list to access them using a custom shortcut. For example, you can try using the following predefined quick lists:

      • リファクタリング Ctrl+Alt+Shift+T

      • VCS 操作 Alt+`

    • スマート・キー

      WebStormは、ペアのタグと引用符を自動的に追加したり、キャメルハンプ単語を検出したりするなど、多くの入力支援機能を提供します。

    • スピード検索

      When the focus is on a tool window with a tree, list, or table, start typing to see matching items.

    • 2 回押し

      Many actions in WebStorm provide more results when you execute them multiple times. For example, when you invoke basic code completion with Ctrl+Space on a part of a field, parameter, or variable declaration, it suggests names depending on the item type within the current scope. If you invoke it again, it will include classes available through module dependencies. When invoked for the third time in a row, the list of suggestions will include the whole project.

    • ツールウィンドウのサイズを変更する

      マウスを使用せずにツールウィンドウのサイズを調整することができます:

      • 垂直ツールウィンドウのサイズを変更するには、Ctrl+Shift+LeftCtrl+Shift+Rightを使用する

      • 水平ツールウィンドウのサイズを変更するには、Ctrl+Shift+UpCtrl+Shift+Downを使用する

    最終更新日: 2020年7月08日

    関連ページ:

    名前でターゲットを検索する (どこでも検索)

    プロジェクト内またはその外側にある項目をその名前で見つけることができます。ファイル、アクション、クラス、シンボル、設定、およびUI要素を単一のエントリポイントから検索できます。プロジェクト内のテキストの検索と置換またはファイル内のテキストの検索と置換からのテキスト検索について学びます。どこでも検索:...

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

    エディターで作業するときに、WebStormはコードを分析し、コードを最適化する方法を検索し、潜在的な問題と実際の問題を検出します。As soon as the IDE finds a way to improve your code, it displays a yellow bulb iconi...

    ソースコードナビゲーション

    さまざまなアクションやポップアップを使用して、エディター内のコードを素早くナビゲートすることができます。エディターウィンドウとツールウィンドウ間の移動に関する詳細情報については、エディターの基本を確認してください。キャレットでナビゲートする前のキャレット位置を見るには、メインメニューからを選択するか...

    ソースコードを書いて編集する

    コードを使用する場合、WebStormは作業にストレスがないことを保証します。追加、選択、コピー、移動、編集、折りたたみ、出現箇所の検索、コードの保存に役立つさまざまなショートカットと機能を提供します。エディター内のナビゲーションについては、エディターの基本を参照してください。アクションの検索使用し...

    使用箇所を検索

    使用箇所の検索アクションを使用すると、コードベース全体でコード要素の参照を検索できます。検索プロセスを管理し、単一のファイルのみで検索したり、検索をプロジェクト全体に拡張したり、特定の検索範囲を作成したりできます。さらに、使用箇所の強調表示の色を構成したり、用途の自動強調表示を完全に無効にしたりでき...

    キーボードショートカットの構成

    WebStormには定義済みのキーマップがいくつか含まれており、頻繁に使用するショートカットをカスタマイズできます。キーマップ構成を表示するには、設定/環境設定ダイアログ を開き、キーマップを選択します。WebStorm automatically suggests a predefined ke...