エディターの基本

エディターペインを最大化する

• エディターで、Ctrl+Shift+F12 を押します。WebStorm はアクティブなエディターを除くすべてのウィンドウを隠します。

ウィンドウからエディターにフォーカスを切り替える

• Escape を押す。WebStorm はフォーカスを任意のウィンドウからアクティブなエディターに移動します。

コマンドラインターミナルからエディターに戻る

• Alt+F12 を押す。WebStorm はターミナルウィンドウを閉じます。

• アクティブなエディターに戻ったときにターミナルウィンドウを開いたままにしておく必要がある場合は、Ctrl+Tab を押します。

デフォルトのレイアウトに戻る

• Shift+F12 を押します。

• 現在のレイアウトをデフォルトとして保存するには、メインメニューからウィンドウ | 現在のレイアウトをデフォルトとして保管を選択します。同じショートカット Shift+F12 を使用して、保存されたレイアウトを復元できます。

最後のアクティブウィンドウにジャンプする

• F12 を押します。

ナビゲーションにスイッチャーを使う

1. 開いているファイルとツールウィンドウをスイッチャーで切り替えるには、Ctrl+Tab を押します。

2. スイッチャーポップアップを開いたままにするには、Ctrl を押し続けます。

3. 要素間を移動するには Tab を押します。選択したファイルをリストから削除してエディターで閉じるには、Backspace を押します。

IDE の外観を変更する

スキーム、キーマップ、または表示モードを切り替えることができます。

1. Ctrl+` を押します。

2. 切り替えメニューで、必要なオプションを選択し、Enter を押します。同じショートカット Ctrl+` を使用して、変更を元に戻します。

また、エディター | カラースキームの切り替えページの視力多様性者向けのハイコントラストカラースキームや、設定 / 環境設定ダイアログ Ctrl+Alt+S のキーマップページのキーマップ設定など、カラースキーム設定を見つけて調整することもできます。

ナビゲーションバーにジャンプ

• Alt+Home を押します。

タブを開くまたは閉じる

• 開いているタブをすべて閉じるには、メインメニューからウィンドウ | エディタータブ | _ すべてのタブを閉じるを選択します。

• 非アクティブなタブをすべて閉じるには、Alt を押してアクティブなタブのをクリックします。この場合、アクティブなタブだけが開いたままになります。

• アクティブなタブと固定されたタブを除くすべての非アクティブなタブを閉じるには、任意のタブを右クリックしてこれ以外のタブをすべて閉じるを選択します。

• アクティブなタブだけを閉じるには、Ctrl+F4 を押します。タブ上の任意の場所でマウスのホイールボタンをクリックして閉じることもできます。

• 閉じたタブを再度開くには、任意のタブを右クリックして、コンテキストメニューから閉じたタブを再度開くを選択します。

• 既に開いているタブの最後に新しいタブを開くには、タブ設定で新規タブを最後に開くを選択します。

パスまたはファイル名をコピー

1. タブを右クリックします。

2. 表示されたリストからコピーを選択します。

3. 表示されるリストから、コピーオプションを選択します。

   

   WebStorm はアイテムをクリップボードにコピーし、必要な場所に貼り付けることができます（Ctrl+V）。

タブを移動、削除、または並べ替える

• タブ上のアイコンを移動または削除するには、設定 / 環境設定ダイアログ Ctrl+Alt+S でエディター | 一般 | エディタータブに移動し、閉じるボタンの位置フィールドで適切なオプションを選択します。

• エディタータブをエディターフレームの別の部分に配置したり、タブを非表示にしたりするには、タブを右クリックしてエディタータブの構成を選択し、エディタータブ設定を開きます。外観セクションのタブ配置リストで、適切なオプションを選択します。

• エディタータブをアルファベット順にソートするには、タブを右クリックしてエディタータブの構成を選択してエディタータブ設定を開きます。タブ順セクションで、タブをアルファベット順でソートするを選択します。

タブの固定または固定解除

エディターでアクティブなタブを固定して、タブの制限に達したとき、またはこれ以外のタブをすべて閉じるコマンドを使用したときに開いたままになるようにすることができます。

• アクティブなタブを固定または固定解除するには、タブを右クリックして、コンテキストメニューからタブをピン留めまたはタブのピン留め解除を選択します。

• 固定されているタブ以外のすべてのタブを閉じるには、任意のタブを右クリックしてピン留め以外をすべて閉じるを選択します。

• タブをピン留めアクションにキーボードショートカットを割り当てるには、設定 / 環境設定ダイアログ Ctrl+Alt+S でキーマップに移動し、アクティブなタブをピン留めアクションを見つけて右クリックし、キーボードショートカットの追加を選択して、使用するキーの組み合わせを押します。

タブを切り離す

• アクティブなタブを切り離すには、Shift+F4 を押します。

• 必要なタブをメインウィンドウの外側にドラッグし、タブを後ろにドラッグして取り付けます。

• 同じアクションに Alt+mouse を使用することもできます。

• プロジェクトツールウィンドウで、デタッチしたいファイルを選択して Shift+Enter を押します。

タブを切り替える

• タブ間を移動するには、Alt+Right または Alt+Left を押します。

  

• 最近表示したタブやファイルを切り替えることもできます。

  エディターで、Ctrl+Tab を押します。スイッチャーウィンドウが開いたままになるように Ctrl を押し続けます。タブと他のファイルを切り替えるには Tab を使います。

開いたタブにショートカットを割り当てる

1. 設定 / 環境設定ダイアログ Ctrl+Alt+S で、キーマップに移動します。

2. ディレクトリのリストで、その他ディレクトリをクリックし、タブのリストからショートカットを追加する必要があるものを選択します。ショートカットを割り当てることができるタブの制限は 9 です。

   

デフォルトのタブ制限を変更する

WebStorm は、エディターで同時に開くことができるタブの数を制限します（デフォルトのタブ制限は 10 です）。

1. 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | 一般 | エディタータブに移動します。

2. タブの終了ルールセクションで、好みに合わせて設定を調整し、OK をクリックします。

プレビュータブでファイルを開く

プレビュータブでは、新しいタブで各ファイルを開かなくても、1 つのタブでファイルを 1 つずつ表示できます。これは、タブの制限を超えずに複数のファイルを調べる必要がある場合に役立ちます。

1. プロジェクトツールウィンドウ Alt+1 で、をクリックし、プレビュータブを有効にするオプションを選択します。

   設定 / 環境設定 | 一般 | エディタータブ | オープニングポリシーでプレビュータブを有効にすることもできます。

2. プロジェクトツールウィンドウで、他のタブでまだ開いていないファイルを選択します。

   ファイルの名前は、プレビューモードを示すために斜体で表記されています。選択した他のファイルは、プレビュータブの前のファイルを置き換えます。

   ファイルの編集を開始してプレビューモードを終了し、通常のタブに変更します。

   プレビュータブが有効になっている場合、シングルクリックでファイルを開くオプションは無視されることに注意してください。ファイルをダブルクリックして、通常のタブで開きます。

スペースがなくなったらエディタータブを隠す

1. 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | 一般 | エディタータブに移動します。

2. スペースがない場合はタブを非表示にするオプションを選択してください。追加のタブは、エディターの右上部分にあるリストに配置されます。

タブのフォントサイズを変更する

1. 設定 / 環境設定ダイアログ Ctrl+Alt+S で、外観 & 振る舞い | 外観に移動します。

2. サイズフィールドでフォントサイズを指定し、OK をクリックして変更を保存します。

   フォントサイズはタブだけでなく、ツールウィンドウでも変わることに注意してください。

• エディターで、目的のエディタータブを右クリックし、エディターウィンドウを分割する方法（右に分割または分割）を選択します。WebStorm はエディターの分割ビューを作成し、選択に従って配置します。

• 別の方法として、メインメニューからウィンドウ | エディタータブと分割して右に移動または分割して下に移動オプションを選択します。

• エディターを分割するためにタブを垂直または水平にドラッグし、画面を分割解除するためにタブをドラッグして戻すことができます。

• 右の分割でエディターでファイルを開くことができます。

  プロジェクトツールウィンドウで、ファイルを右クリックし、コンテキストメニューから右分割で開くを選択します。WebStorm は、エディターの右側の分割でファイルを開きます。

  2 つの分割があり、フォーカスが左側の分割にある場合、ファイルは既存の右側の分割で開かれます。フォーカスが右分割にある場合、ファイルは次の右分割で開かれます。

• 分割画面間でファイルを移動できます。エディターで必要なファイルタブを右クリックし、コンテキストメニューからエディターを反対のタブグループに移動または反対側で開くを選択します。

• 画面の分割を解除するには、コンテキストメニューから分割しないまたはすべて分割しないを選択して、分割されたすべてのフレームの分割を解除します。

分割画面を移動する

1. キャレットを目的の分割フレーム内に配置します。

2. メインメニューからウィンドウ | エディタータブを選択します。

3. オプションのリストから、次のオプションのいずれかを選択します。

   • エディターを上にストレッチ

   • エディターを左にストレッチ

   • エディターを下にストレッチ

   • エディターを右にストレッチ

   各オプションにショートカットを割り当て、キーボードを使用して分割フレームを引き伸ばすことができます。

   作成した分割フレーム間を移動するには、メインメニューからウィンドウ | エディタータブを選択します。オプションのリストから、それぞれ次の分割へ移動 Alt+Tab または前の分割へ移動 Alt+Shift+Tab を選択します。

コードフォーマットを設定する

1. 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | コードスタイルに移動します。

2. 言語のリストから適切な言語を選択し、言語ページで、タブとインデント、スペース、折り返しと中括弧、ハードマージンとソフトマージンなどの設定を構成します。

フォント、サイズ、フォント合字を設定する

• 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | フォントに移動します。

エディターでフォントサイズを変更する

1. 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | 一般（マウスコントロールセクション）に進みます。

2. Ctrl + マウスホイールでフォントサイズを変更するオプションを選択してください。

3. エディターに戻って Ctrl を押したままマウスホイールを使ってフォントサイズを調整します。

さまざまな言語およびフレームワーク用に配色設定を構成する

1. 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | カラースキームの切り替えに移動します。

2. カラースキームの切り替えノードを開き、必要な言語またはフレームワークを選択してください。ノードのリストから一般オプションを選択して、コード、エディター、エラーと警告、ポップアップとヒント、検索結果などの一般的な項目の配色設定を構成することもできます。

コード補完オプションを設定する

• 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | 一般 | コード補完に移動します。ここでは、大文字と小文字を区別する補完、自動表示オプション、コードの並べ替えなどを構成できます。

キャレット配置を設定する

• 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | 一般に移動します。仮想スペースセクションでは、キャレット配置オプションを構成できます。

  前の行の終わりと同じ位置にある次の行にキャレットを配置するには、行末以降へのキャレット移動を許可するオプションを選択します。このオプションをオフにすると、次の行のキャレットは実際の行の末尾に配置されます。

  タブ文字内へのキャレット移動を許可するオプションを選択すると、ファイルを同じ位置に保ちながらキャレットをファイル内で上下に移動できます。

保存時の末尾スペースの動作を設定する

• 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | 一般に移動します。その他セクションでは、後続スペースのオプションを構成できます。

  例：コードを手動または自動で保存し、保存時に行末のスペースを除去するリストで選択されているオプションに関係なくキャレット行の末尾のスペースを保持したい場合は、キャレット行末尾の空白を保持するオプションを選択します。

エディターの外観オプションを設定する

• 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | 一般 | 外観に移動します。

  例：ハードラップガイドの表示やパラメーターヒントの表示を設定できます。

長い行の外観を管理する

1. 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | 一般に移動します。

2. ソフトラップセクションで、適切なオプションを指定します。

スマートキーを設定する

使用する言語に応じて、さまざまな基本的なエディターアクションの特定の動作を構成できます。

• 設定 / 環境設定ダイアログ Ctrl+Alt+S で、エディター | 一般 | スマートキーに移動します。