エディターの基本
WebStormエディターは、コードの作成、読み取り、変更に使用するIDEの主要部分です。
エディターは次の領域で構成されています。
スクロールバーは現在のファイルのエラーと警告を表示します。
パンくずリストは、現在のファイルのコード内を移動できます。
左のガターは行番号と注釈を示しています。
タブには、現在開いているファイルの名前が表示されます。
ナビゲーション
さまざまなショートカットを使用して、エディターウィンドウとさまざまなツールウィンドウを切り替えたり、エディターサイズを変更したり、フォーカスを切り替えたり、元のレイアウトに戻ることができます。
エディターペインを最大化する
エディターで、Ctrl+Shift+F12を押します。WebStormはアクティブなエディターを除くすべてのウィンドウを隠します。
ウィンドウからエディターにフォーカスを切り替える
Escapeを押す。WebStormはフォーカスを任意のウィンドウからアクティブなエディターに移動します。
コマンドラインターミナルからエディターに戻る
Alt+F12を押す。WebStormはターミナルウィンドウを閉じます。
アクティブなエディターに戻ったときにターミナルウィンドウを開いたままにしておく必要がある場合は、Ctrl+Tabを押します。
デフォルトのレイアウトに戻る
Shift+F12を押します。
現在のレイアウトをデフォルトとして保存するには、メインメニューからを選択します。同じショートカット Shift+F12 を使用して、保存されたレイアウトを復元できます。
最後のアクティブウィンドウにジャンプする
F12を押します。
ナビゲーションにスイッチャーを使う
開いているファイルとツールウィンドウをスイッチャーで切り替えるには、Ctrl+Tabを押します。
スイッチャーポップアップを開いたままにするには、Ctrl を押し続けます。
要素間を移動するには Tab を押します。選択したファイルをリストから削除してエディターで閉じるには、Backspace を押します。
IDEの外観を変更する
スキーム、キーマップ、または表示モードを切り替えることができます。
Ctrl+`を押します。
切り替えメニューで、必要なオプションを選択し、Enterを押します。同じショートカット Ctrl+` を使用して、変更を元に戻します。
ページで視力障害のある人のためのハイコントラスト配色や設定/環境設定ダイアログ（Ctrl+Alt+S）のページでキーマップ設定を含む配色設定を見つけて調整することもできます。
ナビゲーションバーにジャンプ
Alt+Homeを押します。
エディター・タブ
エディタータブを閉じたり、隠したり、切り離したりできます。ファイルを編集用に開くたびに、その名前のタブがアクティブなエディタータブの横に追加されます。
エディタータブの設定を構成するには、設定/環境設定ダイアログ（Ctrl+Alt+S）のページを使用します。または、タブを右クリックしてオプションの一覧からエディター・タブの構成を選択します。
タブを開くまたは閉じる
開いているタブをすべて閉じるには、メインメニューからを選択します。
非アクティブなタブをすべて閉じるには、Alt を押してアクティブなタブの
をクリックします。この場合、アクティブなタブだけが開いたままになります。アクティブなタブだけを閉じるには、Ctrl+F4を押します。タブ上の任意の場所でマウスのホイールボタンをクリックして閉じることもできます。
閉じたタブを再度開くには、任意のタブを右クリックして、コンテキストメニューから閉じたタブを再度開くを選択します。
タブを移動、削除、または並べ替える
タブ上の
アイコンを移動または削除するには、設定/環境設定ダイアログ（Ctrl+Alt+S）でに移動し、閉じるボタンの位置フィールドで適切なオプションを選択します。タブ間を移動するには、Alt+Right または Alt+Leftを押します。
エディタータブをエディターフレームの別の部分に配置したり、タブを非表示にしたりするには、タブを右クリックしてエディター・タブの構成を選択し、エディター・タブ設定を開きます。外観セクションのタブ配置リストで、適切なオプションを選択します。
エディタータブをアルファベット順にソートするには、タブを右クリックしてエディター・タブの構成を選択してエディター・タブ設定を開きます。タブ順セクションで、タブをアルファベット順でソートするを選択します。
タブを切り離す
アクティブなタブを切り離すには、Shift+F4を押します。
必要なタブをメインウィンドウの外側にドラッグし、タブを後ろにドラッグして取り付けます。
同じアクションに Alt+mouse を使用することもできます。
プロジェクトツールウィンドウで、デタッチしたいファイルを選択して Shift+Enterを押します。
タブを切り替える
最近表示したタブやファイルを切り替えることができます。
エディターで、Ctrl+Tabを押します。スイッチャーウィンドウが開いたままになるように Ctrl を押し続けます。タブと他のファイルを切り替えるには Tab を使います。
開いたタブにショートカットを割り当てる
デフォルトのタブ制限を変更する
WebStormは、エディターで同時に開くことができるタブの数を制限します（デフォルトのタブ制限は10です）。
スペースがなくなったらエディタータブを隠す
画面を分割
画面を分割するためにいくつかのオプションを使用できます。
エディターで、目的のエディタータブを右クリックし、エディターウィンドウを分割する方法（縦に分割または）を選択します。WebStormはエディターの分割ビューを作成し、選択に従って配置します。
別の方法として、メインメニューからと分割して右に移動または分割して下に移動オプションを選択します。
クイック・ポップアップ
説明 | アクション/アクセス | 知っておくと便利 |
|---|---|---|
シンボルの簡単な定義を見る (タグ、クラス、メソッド/関数、フィールドなどがあります。) | Ctrl+Shift+I | WebStormは情報をポップアップで表示します。必要に応じて、 |
コード要素またはファイルの簡単なドキュメントを表示します。 | Ctrl+Q | WebStormは適切な情報と共にポップアップを表示します。 Ctrl+Q を2回押すと、ドキュメンテーションツールウィンドウにポップアップを開くことができます。（ポップアップに戻るには同じショートカットを押します）。 クラス Ctrl+Nを探すときにクイックドキュメントポップアップを呼び出すと、リストに表示されているクラスのドキュメントを検索できます。ポップアップにフォーカスを切り替えるには、同じショートカットを押します。 |
コンテキスト情報を表示します。 | Alt+Q | アクションには、現在のメソッドまたはクラス宣言が表示されていないときに表示されます。 |
キャレットでのエラーまたは警告の説明を表示します。 | Ctrl+F1 | コード分析マーカーをクリックすると、見つかったエラーのリストが表示されます。次または前のエラーに移動するには、F2 または Shift+F2 を使用してください。 |
ツールチップのテキストをクリップボードにコピーします。 | Alt をホールドし（Linuxでは Ctrl+Altを押したまま）、ツールチップをクリックする | このアクションを使用すると、たとえばスクリーンショットを作成する代わりに、ツールチップに表示される重要な情報をいくつか保存できます。 |
コード要素のすべての用途を表示します。 | Ctrl+Shift+F7 | 強調表示を制御するには、（キャレット移動の強調表示領域）のキャレットの要素の強調表示オプションを選択またはクリアします。 節電モード（）をオンにすると、使用箇所は強調表示されません。 |
アイコンをクリックして
アイコンをクリックして表示されるウィンドウで、好みに応じてフォントサイズを変更します。
をクリックするか Shift+F1を押します。便利なエディター設定
設定/環境設定ダイアログ（Ctrl+Alt+S）を使ってエディターの動作をカスタマイズすることができます。
次の一般的な設定を確認してください。
コードフォーマットを設定する
フォント、サイズ、フォント合字を設定する
エディターでフォントサイズを変更する
さまざまな言語およびフレームワーク用に配色設定を構成する
コード補完オプションを設定する
キャレット配置を設定する
保存時の末尾スペースの動作を設定する
エディターの外観オプションを設定する
長い行の外観を管理する
スマートキーを設定する
さまざまな基本的なエディターアクションに対して特定の動作を設定できます。
関連ページ：
ソースコードナビゲーション
さまざまなアクションやポップアップを使用して、エディター内のコードを素早くナビゲートすることができます。エディターウィンドウとツールウィンドウ間の移動に関する詳細情報については、エディターの基本を確認してください。ファイルパスを探すエディターで を押すか、コンテキストメニューでFinder で表示...
JavaScript ライブラリーを設定する
WebStormでは、ライブラリーとは、WebStormが編集したプロジェクトコードから取得する関数やメソッドに加えて、WebStormの内部知識に関数やメソッドを追加したファイルまたはファイルのセットです。プロジェクトの範囲では、そのライブラリーはデフォルトで書き込み禁止になっています。WebSt...
ソースコードで作業する
コードを扱うとき、WebStormはあなたの作業がストレスフリーであることを保証します。コードの追加、選択、コピー、移動、編集、折りたたみ、保存に役立つさまざまなショートカットや機能があります。エディター内のナビゲーションについては、エディターの基本を参照してください。アクションの検索使用したいアク...