WebStorm 2019.2ヘルプ

ユーザーインターフェースの概要

初めてWebStormを実行したとき、またはプロジェクトを開いていないときは、WebStormにようこそ画面が表示されます。プロジェクトを開くと、WebStormはメインウィンドウを表示します。

The Main window

これはデフォルトの(デフォルトの)IDEインターフェースレイアウトです。インストールして有効にしたプラグインのセットによっては、IDEの外観と動作が異なる場合があります。

  1. メインメニューとツールバー : 開く、プロジェクトを作成する、コードをリファクタリングする、アプリケーションを実行およびデバッグする、バージョン管理下でファイルを管理するなど、プロジェクト全体またはプロジェクトの一部に影響を与えるコマンドを含みます。

    メインツールバーは、メインメニューの必須コマンドを複製して、より迅速にアクセスできます。デフォルトでは、メインツールバーは非表示になっています。表示するには、メインメニューから表示 | 外観 | ツールバーを選択します。

  2. ナビゲーション・バー : プロジェクトツールウィンドウに代わるものです。プロジェクトをナビゲートして編集用にファイルを開くために使用します

    ナビゲーションバーを表示または非表示にするには、表示 | 外観 | ナビゲーション・バーを使用します。フォーカスをナビゲーションバーに変更するには、Alt+Home を押します。

  3. ステータス・バー : プロジェクト、IDE全体のステータスを示し、さまざまな警告および情報メッセージを表示します。

  4. エディター : コードを読み、作成し、修正します。

  5. ツール・ウィンドウ : プロジェクト管理、検索、実行およびデバッグ、バージョン管理システムとの統合、およびその他のタスクへのアクセスを提供する2次ウィンドウ。

ユーザーインターフェースのテーマ

インターフェーステーマは、ウィンドウ、ダイアログ、およびコントロールの外観を定義します。デフォルトでは、WebStormは最初の実行中にテーマを変更しない限り、Darculaテーマを使用します。

UIテーマを変更する

  1. 設定/環境設定ダイアログ(Ctrl+Alt+S)で、外観 & 振る舞い | 外観を選択します。

  2. テーマリストからUIテーマを選択します。

    • Darcula : デフォルトの暗いテーマ

    • ライト : より伝統的な光のテーマ

    • ハイ・コントラスト : 色覚異常のあるユーザーのためにデザインされたテーマ

最終更新日: 2019年9月17日

関連事項

関連ページ:

ようこそ画面

WebStormは、プロジェクトが開かれていない場合にようこそ画面を表示します。例:WebStormを初めて実行するとき、またはプロジェクトの唯一の開いているインスタンスを閉じるとき。この画面から、新しいプロジェクトを作成、インポート、開く、またはバージョン管理から既存のプロジェクトをチェックアウト...

プラグインを管理する

プラグインはWebStormのコア機能を拡張します。バージョン管理システム、アプリケーションサーバー、その他のツールとの統合を提供、さまざまな言語およびフレームワークに対するコーディング支援サポートを追加する、ショートカットヒント、ライブプレビュー、ファイルウォッチャーなどを使用して、生産性をBoo...

メニューおよびツールバー

WebStormのメニューとツールバーには、プロジェクト全体またはプロジェクトの大部分に影響を与えるコマンドが含まれています。現在のコンテキストにコマンドを適用するには、状況依存のポップアップメニューを使用します。ほとんどのコマンドには、それに素早くアクセスできるようにするためのキーボードショートカ...

ナビゲーション・バー

ナビゲーションバーは、プロジェクトツールウィンドウの迅速な代替手段です。バーの左側で、プロジェクトをナビゲートし、編集用にファイルを開くことができます。VCS 統合が有効になっている場合、ナビゲーションバーの項目はVCSファイルのステータスの色に従って強調表示されます。右側には、実行/デバッグ構成セ...

プロジェクトツールウィンドウ

このツールウィンドウを使用すると、プロジェクトをさまざまな観点から見て、新しい項目(ディレクトリー、ファイル、クラスなど)の作成、エディターでのファイルの開き、目的のコードフラグメントへの移動などのタスクを実行できます。このツールウィンドウ内のほとんどの機能は、コンテンツペインおよび関連するショート...

エディターの基本

WebStormエディターは、コードの作成、読み取り、変更に使用するIDEの主要部分です。エディターは次の領域で構成されています。スクロールバーは現在のファイルのエラーと警告を表示します。パンくずリストは、現在のファイルのコード内を移動できます。左のガターは行番号と注釈を示しています。タブには、現在...