プロジェクトのセキュリティ
潜在的なセキュリティリスクを防ぐために、WebStorm では、プロジェクトのソースが不明な場合にプロジェクトをどのように操作するかを決定できます。WebStorm では、実行されるタスク、File Watchers、または webpack 構成について警告し、信頼できるソースを構成できます。
不明なソースからプロジェクトを開く
WebStorm の外部で作成され、そこにインポートされたプロジェクトを開くと、WebStorm は、未知ソースコードを使用してこのプロジェクトを処理する方法を決定できるダイアログを表示します。
プロジェクトを初めて開くたびに、IDE にプロジェクトを信頼ダイアログが表示されます。これは、プロジェクトが次のアクションを安全に実行できることを確認できます。
次のいずれかのアクションを選択できます。
セーフモードでプレビュー : この場合、WebStorm はセーフモードでプロジェクトを開きます。つまり、プロジェクトのソースを参照できますが、タスクやスクリプトの実行、プロジェクトの実行 / デバッグには制限があります。
WebStorm は、エディター領域の上部にセーフモードについて通知します。プロジェクトを信頼するリンクをクリックすると、いつでもプロジェクトをロードできます。
プロジェクトを信頼 : この場合、WebStorm はプロジェクトを開いて初期化し、プロジェクトプラグインを解決し、依存関係を追加して、すべての WebStorm 機能を有効にします。
開かない : この場合、WebStorm はアクションをキャンセルします。
スタートアップタスク
別のマシンで作成されたプロジェクトを開くと、開いているプロセス中に実行されるスクリプトまたはタスクが含まれている場合があります。そのようなタスクが見つかった場合、WebStorm は、実行しようとしているコードが有害である可能性があることを提案する通知を表示します。
実行されるタスクを確認し、設定を変更できます。
スタートアップタスクを確認する
設定ダイアログ（Ctrl+Alt+S）で、に移動します。
スタートアップタスク設定ページで、起動タスクを確認および変更できます。
セーフモードプレビューの制限
セーフモードでプロジェクトを開く場合、次の制限が適用されます。
スタートアップタスク : 開くプロセス中に実行されるスクリプトまたはタスクはすべて無効になります。
VCS サポート : VCS サポートは完全に無効になっています。
File Watcher スクリプトは、ウェイクアップして対応するツールを実行しません。
npm、pnpm、yarn スクリプトは実行されません。
信頼できる場所
WebStorm が安全と見なすソースを設定し、それに応じてロードし、通知を表示せずに File Watchers または webpack 構成を実行できます。
信頼できる場所にホームディレクトリを追加して、信頼できないプロジェクトに関する WebStorm の警告を無効にすることができます。
信頼できる場所を構成する
設定ダイアログ（Ctrl+Alt+S）で、に移動します。
信頼できる場所設定ページで、IDE が信頼する必要があるローカルディレクトリを指定します。「OK」をクリックして変更を保存します。
次回、これらの場所の 1 つからプロジェクトを開くと、WebStorm は暗黙的にそのプロジェクトを信頼します。
関連ページ：
プロジェクトを作成
WebStorm では、空のプロジェクトを作成したり、プロジェクトとしてフォルダーを開いたり、VCS からソースをチェックアウトしたり、プロジェクトを作成することができます。また、フレームワークテンプレートを使用してプロジェクトを生成することもできます。そのため、新しいアプリケーションは、必要なすべてのパッケージと構成ですでにブートストラップされています。WebStorm はまたあらゆるプロジェクトの設定、ファイルおよびホールダーを保存し、新しいプロジェクトを作成するときテンプレートとして使用す...
スタートアップタスク
このページでは、プロジェクトの開始時に自動的に起動される実行 / デバッグ構成のリストを作成します。これは、Grunt または Gulp.js のタスクや npm スクリプトを定期的に実行する場合に役立ちます。必要なのは、そのようなタスクまたはスクリプトを起動する実行 / デバッグ構成を起動タスクのリストに追加するだけです。実行構成この読み取り専用フィールドには、プロジェクトの開始時に起動される実行構成の名前が表示されます。共用このチェックボックスをオンにすると、他のチームメンバーに対応するタス...
File Watchers
File Watcher は、ファイルの変更を追跡し、サードパーティのスタンドアロンアプリケーションを実行する WebStorm システムです。WebStorm は、多数の標準的な一般的なサードパーティツール (コンパイラー、コンプレッサー、整形ツールなど) 用に定義済みの File Watcher テンプレートを提供します。カスタム File Watcher を設定して、他のサードパーティツールを実行することもできます。File Watchers には 2 つの専用コードインスペクションがありま...
npm、pnpm、Yarn
WebStorm は npm、pnpm、Yarn、Yarn 2、Yarn 3 と統合されているため、組み込みのターミナルで、IDE 内から再利用可能なコードのパッケージをインストール、検索、更新、削除できます。WebStorm では、npm、Yarn、pnpm スクリプトを実行およびデバッグすることもできます。WebStorm は、package.json ファイルを解析してスクリプトの定義を認識し、スクリプトをツリービューに表示して、ツリー内のスクリプトと package.json ファイル内のその定...
プロジェクト設定
WebStorm では、特定のプロジェクトの設定を構成することも、IDE レベルでグローバルに設定を構成することもできます。詳細については、IDE の構成を参照してください。プロジェクトレベルの設定は、現在のプロジェクトにのみ適用されます。これらの設定は、プロジェクトフォルダーの .idea ディレクトリに xml ファイルとして保存されます。<project name>.iml ファイルはプロジェクト構造を記述します。workspace.xml ファイルには、実行 / デバッグ構成などのワーク...
スコープとファイルの色
スコープは、プロジェクト内のファイルとフォルダーのグループです。スコープを使用して、さまざまな IDE ビューでプロジェクト項目を視覚的に区別し、特定の操作の範囲を制限できます。スコープは、プロジェクト内のファイルを論理的に編成するように設計されています。テストソースはテスト関連のスコープに移動でき、製品コードは製品ファイルのスコープに関連付けることができます。これらの論理チャンクにより、プロジェクトの管理が容易になります。例: テスト関連のインスペクションをテストクラスでのみ実行すると、アプリ...