WebStorm 2024.3 ヘルプ

プロジェクト設定

WebStorm では、特定のプロジェクトの設定を構成することも、IDE レベルでグローバルに設定を構成することもできます。詳細については、IDE の構成を参照してください。

プロジェクトレベルの設定は、現在のプロジェクトにのみ適用されます。これらの設定は、プロジェクトフォルダーの .idea ディレクトリに xml ファイルとして保存されます。

  • <project name>.iml ファイルはプロジェクト構造を記述します。

  • workspace.xml ファイルには、実行 / デバッグ構成などのワークスペース設定が含まれています。

  • xml ファイルは、projectCodeStyle.xmlencodings.xmlvcs.xml などの名前で認識できる独自の設定セットを担当します。

    たとえば、新しい実行 / デバッグ構成を追加してエンコーディングを変更すると、2 つの異なる xml ファイルに影響します。これにより、プロジェクト設定がバージョン管理システムに格納され、異なるチームメンバーによって変更されたときのマージの競合を回避できます。

プロジェクト設定を構成するには、メインメニューから macOS の場合は WebStorm | 設定、Windows の場合はファイル | 設定、Linux の場合はファイル | 設定を選択します。または、Ctrl+Alt+S を押して IDE 設定を表示することもできます。

設定ダイアログでは、現在のプロジェクトにのみ適用されるプロジェクト設定が Project settings アイコンでマークされます。その他の設定はグローバルであり、既存のすべてのプロジェクトに適用されます。

Project abd global settings marked in the Settings dialog

プロジェクト設定を共有する

チームが同じプロジェクトで作業する場合はプロジェクト設定を共有すると便利ですが、複数のマシンで WebStorm を使用する場合は IDE 設定のバックアップと同期が便利です。

プロジェクトがバージョン管理下にある場合は、workspace.xml を除く .idea ディレクトリのすべての XML ファイルもバージョン管理下に置くことをお勧めします。workspace.xml ファイルには、共有してはならないユーザー固有の設定が格納されています。

無視すべき内容の詳細については、「GitHub の JetBrains.gitignore(英語)」を参照してください。

設定ファイルは選択に応じて処理されます。プロジェクト設定を変更して新しい設定ファイルが作成されると、IDE は画面の下部にこのプロジェクトの設定ファイルの扱い方を選択するように促す通知を表示します。

  • ファイルを表示 : 作成された設定ファイルのリストを見て、どれをバージョン管理下に置きたいかを選択します。その後、選択したファイルは VCS に追加されるようにスケジュールされます。

  • 常に追加 : VCS に追加するために .idea ディレクトリに作成されたすべての設定ファイルをサイレントにスケジュールします(現在のプロジェクトにのみ適用されます)。

  • 今後このメッセージを表示しない : VCS に追加する構成ファイルをスケジュールしないでください。手動で VCS に追加するまで、バージョン管理外のステータスになります(現在のプロジェクトにのみ適用されます)。

オプションを選択せずに通知を閉じると、新しい設定ファイルが作成された後に再び表示されます。IDE を再起動しても、新しいファイルはオプションの 1 つを選択するまでそこにあるリストにも移動します。

Notification prompting to select how to treat configuration files

共有できない構成ファイルのリスト

WebStorm は構成ファイルを識別し、無視されたファイルのリストに自動的に追加します。ただし、プロジェクトを手動で共有している場合は、これらのファイルとフォルダーをバージョン管理下に置かないことをお勧めします。

  • .idea/workspace.xml

  • .idea/usage.statistics.xml

  • .idea/dictionaries フォルダー

  • .idea/shelf フォルダー

ファイルの完全なリストについては、バージョン管理システムでプロジェクトを管理する方法および JetBrains.gitignore(英語) を参照してください。

グローバル設定をプロジェクトレベルにコピーする

グローバル (IDE) 設定はプロジェクトとは別に保存されます。このため、これらの設定はバージョン管理を通じてプロジェクトとともに共有されません。

ただし、一部の設定はプロジェクトレベルにコピーできます。例: インスペクションプロファイルのコピー、クラスとパッケージのリストコード補完および自動インポートから除外を作成できます。これを行うと、IDE によって対応する設定ファイルが .idea ディレクトリに作成され、VCS を通じてプロジェクトと共有できます。

既存のプロジェクト間でプロジェクト設定を共有するには、設定の同期プラグインを使用することもできます。設定を ZIP アーカイブにエクスポートし、後で他の IDE インスタンスにインポートすることもできます。

新しいプロジェクトのデフォルト設定

現在のプロジェクトだけでなく、後で作成するすべてのプロジェクトのプロジェクト設定を構成できます。つまり、プロジェクトに新しいデフォルト設定を設定できます。

新しいプロジェクトのデフォルト設定にアクセスする

  • メインメニューで、ファイル | 新規プロジェクトのセットアップ | 新規プロジェクトの設定に移動します。

新しいプロジェクトで再現したい設定と構成を持つプロジェクトがある場合、このプロジェクトをカスタムプロジェクトテンプレートとして保存し、このテンプレートを製品の作成に使用できます。プロジェクトテンプレートの詳細を参照してください。

関連ページ:

IDE の構成

設定は、リソース、ファイルの色、バージョン管理オプション、コードスタイルなどに関連する設定です。WebStorm を使用すると、特定のプロジェクトまたはグローバルに設定を構成できます。グローバル設定は、WebStorm の特定のインストールまたはバージョンのすべてのプロジェクトに適用されます。このような設定には、IDE の外観(テーマ、配色、メニュー、ツールバー)、通知設定、インストールされ有効になっているプラグインのセット、デバッガー設定、コード補完などが含まれます。IDE を構成するには、W...

実行 / デバッグ構成

WebStorm は、実行 / デバッグ構成を使用して、コードを実行、デバッグ、テストします。各構成は、何を実行し、どのパラメーターと環境を使用するかを定義する、名前付きのスタートアッププロパティのセットです。実行 / デバッグ構成には 2 つのタイプがあります。一時的 — コンテキストメニューからを選択するたびに作成されます。コンテキストメニューを呼び出すには、オブジェクトまたは領域を右クリックします。永続的 — テンプレートから明示的に作成されるか、一時的な構成を保存することによって作成されま...

IDE 設定のバックアップと同期

WebStorm を使用すると、IDE 設定をバックアップしたり、WebStorm の異なるインスタンス間や、使用している異なる JetBrains IDE 製品間で設定を共有したりできます。これにより、異なるコンピューターで作業している場合に快適な作業環境を再現でき、慣れているものと見た目や動作が異なるという煩わしさを回避できます。設定は、属するカテゴリに応じて、次のいずれかの方法で IDE インスタンス間でバックアップおよび同期できます。バックアップと同期プラグイン経由: データは JetBr...

プロファイルを構成する

インスペクションプロファイルは、有効なインスペクション、これらのインスペクションが分析するファイルのスコープ、およびインスペクション重大度設定に関する情報を保持します。WebStorm には、2 種類のプロファイルがあります。プロファイル IDE に保管は、WebStorm 構成ディレクトリの inspection フォルダーに保存され、すべてのプロジェクトで使用できます。プロジェクトにコピーオプションを使用して、IDE プロファイルを現在のプロジェクトにコピーできます。プロファイルプロジェクトに保管は...

自動インポート

JavaScript および TypeScript ファイルでは、WebStorm は、モジュール、クラス、コンポーネント、エクスポート可能なその他のシンボルや XML ネームスペースのインポートステートメントを自動的に追加します。JavaScript で自動インポート、TypeScript での自動インポート、XML 名前空間のインポートの詳細を参照してください。ES6 シンボルまたは CommonJS モジュールを完了すると、WebStorm はインポートステートメント自体のスタイルを決定す...

プロジェクトを作成

WebStorm では、空のプロジェクトを作成したり、プロジェクトとしてフォルダーを開いたり、VCS からソースをチェックアウトしたり、プロジェクトを作成することができます。また、フレームワークテンプレートを使用してプロジェクトを生成することもできます。そのため、新しいアプリケーションは、必要なすべてのパッケージと構成ですでにブートストラップされています。WebStorm はまたあらゆるプロジェクトの設定、ファイルおよびホールダーを保存し、新しいプロジェクトを作成するときテンプレートとして使用す...