IDE 表示モード

WebStorm を使用すると、さまざまな利用スタイルやシナリオに応じて、いくつかの表示モードを切り替えることができます。 例: コードに集中したり、聴衆に提示したりする必要がある場合。

全画面モード

WebStorm はメインウィンドウを画面全体に拡大します。 macOS では、すべてのオペレーティングシステムのコントロールが非表示になりますが、画面上部にカーソルを合わせるとメインメニューにアクセスできます。

集中モード

エディターがメインウィンドウ全体を使い、ソースコードが中央に表示されます。 他のすべての UI 要素（ツールウィンドウ、ツールバー、エディタタブ）は非表示になり、現在のファイルのソースコードに集中できます。 ショートカットを使ってツールウィンドウを開いたり、ナビゲートしたり、他のアクションも利用できます。

プレゼンテーションモード

WebStorm はエディターを画面全体に拡大し、フォントサイズを大きくして、オーディエンスが操作内容を見やすくします。 他の UI 要素は非表示ですが、対応するショートカットや画面上部にカーソルを合わせてメインメニューから呼び出せます。

禅モード

WebStorm は 全画面モードと 集中モードを組み合わせて、メインウィンドウが拡大し、ソースコードのあるエディターだけが残るため、プログラミングに専念できます。

コンパクトモード

小さい画面で作業する場合は、コンパクトモードを有効化できます。 このモードでは、IDE のツールバーとツールウィンドウのヘッダーの高さが縮小され、間隔とパディングが縮小され、アイコンとボタンが小さくなります。

デフォルトでは、 集中および 禅表示モードのエディターテキストは垂直方向に中央揃えされ、テキスト列の幅は エディター | コードスタイル 設定ページ Ctrl+Alt+S の 次でハードラップ オプションに対応します。 つまり、 適切にフォーマットするとコードは中央揃えになりますが、折り返されていない長い行がある場合は、左側に大きな余白があるにもかかわらず、テキストがビューポートを超えてしまう可能性があります。 このような場合は、 詳細設定 設定ページ Ctrl+Alt+S の 集中モード時の左マージン オプションを使用して左余白を減らすことができます。