PhpStorm 2020.3 ヘルプ

新規プロジェクトの作成ダイアログ

ファイル | 新規プロジェクト

ウェルカム画面 | 新規プロジェクトの作成

このダイアログを使用して、空のプロジェクトの作成、PhpStorm ワークショッププロジェクトの作成、またはアプリケーション開発用のフレームワーク固有のプロジェクトスタブの生成を行います。

ダイアログの左側のペインには、スタブを生成できるプロジェクトタイプのリストが表示されます。利用可能なプロジェクトタイプのセットは、インストールされてアクティブ化されているプラグインによって異なります。右側のペインの内容は、選択したプロジェクトの種類によって異なります。ロケーションフィールドはすべてのプロジェクトタイプに共通です。

プロジェクトタイプは、PHP 固有および Web カテゴリにグループ化されています。保存されているプロジェクトテンプレートがある場合は、ユーザー定義カテゴリにリストされます。

PHP 空プロジェクト

このオプションを選択すると、コンテンツのないプロジェクトフォルダーだけが取得されます。

ロケーションフィールドで、プロジェクト関連ファイルが保存されるプロジェクトフォルダーへのパスを指定し、作成をクリックします。

PhpStorm ワークショッププロジェクト

このオプションを選択すると、PhpStorm Workshop プロジェクトが作成され、PhpStorm の多くの機能と生産性向上ツールがガイドされます。

ロケーションフィールドで、プロジェクト関連ファイルが保存されるプロジェクトフォルダーへのパスを指定し、作成をクリックします。

PHP 固有のプロジェクトタイプ

プロジェクトタイプ 説明
Composer プロジェクト この機能は、コマンドラインツールがサポートされている場合にのみサポートされます。プラグインがインストールされ、有効になっています。

プラグインは PhpStorm にバンドルされており、デフォルトでアクティブになっています。プラグインが無効になっている場合は、プラグインの管理に従って、設定 / 環境設定 | プラグインページでプラグインを有効にします。

Composer テンプレートを使用してプロジェクトスタブを作成するには、このオプションを選択します。

右側のペインで:

  1. Composer.phar 領域に、プロジェクト作成で使用する composer.phar コマンド定義ファイルを指定します。

    • 既存の composer.phar を使用する : 以前にダウンロードした composer.phar からのコマンドを使用し、フィールドにその場所を指定するには、このオプションを選択します。

    • getcomposer.org から composer.phar をダウンロードする Composer の新しいインスタンスをダウンロードするには、このオプションを選択します。ダウンロードした composer.phar ファイルはプロジェクトのルートフォルダーに保存されます。

  2. パッケージ領域で、プロジェクトの作成時にインストールするパッケージを指定します。

    • 使用可能なパッケージ : このリストからインストールするパッケージを選択します。必要に応じて検索フィールドを使用します。入力したとおりに検索文字列の入力を開始すると、リストが動的に縮小され、入力したパターンに一致するパッケージが表示されます。

    • 説明 : この読み取り専用フィールドは、選択したパッケージの機能を簡単に説明しています。

    • インストールするバージョン : このリストからパッケージのバージョンを選択します。リストの内容は特定のパッケージによって異なります。

  3. 設定領域では、プロジェクトスタブを生成してパッケージをインストールするための高度な設定を行います(依存関係)。

    • PHP 実行ファイルへのパス : このフィールドでは、PHP エンジンのインストールフォルダーの場所を指定します。

    • コマンドラインパラメーター : このフィールドに、追加のコマンドラインパラメーターを入力します。

Drupal モジュール この機能は、Drupal サポートがサポートされている場合にのみサポートされますプラグインがインストールされ、有効になっています。

プラグインはデフォルトで有効になっています。プラグインが無効になっている場合は、プラグインを管理する説明に従って、プラグインページでプラグインを有効にします。

Drupal モジュール(英語)を作成してセットアップするには、このオプションを選択します。

右側のペインで:

  1. Drupal インストールパスフィールドで、Drupal インストールのルートフォルダーを指定します。パスを手動で入力するか、参照 the Browse button をクリックして表示されるダイアログで関連するフォルダーを選択します。

Joomla! 統合 この機能は、Joomla! サポートがサポートされている場合にのみサポートされますプラグインがインストールされ、有効になっています。

プラグインはデフォルトで有効になっています。プラグインが無効になっている場合は、プラグインを管理する説明に従って、プラグインページでプラグインを有効にします。

Joomla!(英語) コンテンツ管理システムを使用してアプリケーションを開発するためのプロジェクトスタブを取得するには、このオプションを選択します。

右側のペインで:

  1. Joomla! インストールパスには、Joomla! がインストールされているフォルダーを指定します。

  2. プロジェクトタイプリストから、プロジェクトで開発するアプリケーションの Joomla! ユニットタイプを選択します。この選択に従って、PhpStorm はスタブを構成し、必要なソースをダウンロードします。使用可能なオプションは次のとおりです。

WordPress プラグイン この機能は、WordPress サポートがサポートされている場合にのみサポートされますプラグインがインストールされ、有効になっています。

プラグインはデフォルトで有効になっています。プラグインが無効になっている場合は、プラグインを管理する説明に従って、プラグインページでプラグインを有効にします。

WordPress を使用してアプリケーションを開発するためのプロジェクトスタブを取得するには、このオプションを選択します。詳細については、WordPress を参照してください。

右側のウィンドウで、プロジェクトの場所を入力し、WordPress がインストールされているフォルダーを指定します。このフォルダーには、wp-admin および wp-includes のサブディレクトリが含まれている必要があります。

Web

プロジェクトタイプ 説明

Angular CLI

このオプションを選択して、後で Angular CLI(英語) コマンドラインインターフェースを使用して、クラスコンポーネントルートパイプサービスなどの特定の構造を自動的に生成できるスタブを取得します。

右側のペインで:

  1. プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。

  2. Node インタープリターフィールドに、使用する Node.js インタープリターを指定します。リストから設定済みのインタープリターを選択するか、追加を選択して新しいインタープリターを設定します。

  3. Angular CLI リストから、npx --package @angular / cli ng を選択します。

    または、npm バージョン 5.1 以前の場合、ターミナル Alt+F12 npm install -g @angular/cli を実行して、@angular/cli パッケージを自分でインストールします。アプリケーションを作成するときに、@angular/cli パッケージが保存されているフォルダーを選択します。

AngularJS

プロジェクト構造を設定し、いくつかのソースを AngularJS フレームワーク(英語)テンプレートに基づいて生成するには、このオプションを選択します。

右側のウィンドウで、プロジェクト関連のファイルが保存されるフォルダーのパスを指定します。

Bootstrap

プロジェクトを作成し、その構造を設定し、Bootstrap(英語) テンプレートに基づいていくつかのソースを生成するには、このオプションを選択します。

右側のペインで:

  1. プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。

  2. バージョンリストから、使用するテンプレートのバージョンを選択し、作成をクリックします。

Cordova

プロジェクト構造を設定し、PhoneGap(英語) または Apache Cordova(英語) フレームワークに基づいていくつかのソースを生成するには、このオプションを選択します。

右側のペインで:

  1. プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。

  2. 実行可能ファイルの場所を指定します。オペレーティングシステムとターゲットプラットフォームに応じて、これは phonegap , phonegap.cmd , cordova または cordova.cmd になります。

Dart

プロジェクト構造をセットアップし、Dart(英語) アプリケーション用にいくつかのソースを生成するには、このオプションを選択します。

エクスプレス

プロジェクト構造を設定し、いくつかのプロジェクトソースをエクスプレス(英語)フレームワークに基づいて生成するには、このオプションを選択します。

右側のペインで:

  1. プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。

  2. ノードインタープリターは、ローカル Node.js インタープリターの構成を参照してください。

  3. パッケージマネージャーを使用する - NPM(英語) Yarn(英語) を、npm、pnpm、Yarn を参照してください。

  4. エクスプレス -generator(英語)

    ジェネレーターをダウンロードして実行する npx(英語) を使用することをお勧めします。これを行うには、エクスプレス -generator リストから npx --package express-generator エクスプレスを選択します。

    または、埋め込まれたターミナル Alt+F12 )を開いて npm install --g express-generator と入力し、ダウンロードしたジェネレーターを express-generator リストから選択します。

  5. 使用する Express テンプレートエンジン(英語)テンプレートエンジンリストから、以下のいずれかを選択します。
  6. 使用する CSS エンジン CSS エンジンリストから、以下のいずれかを選択します。

HTML5 ボイラープレート

プロジェクト構造を設定し、いくつかのソースを HTML5 ボイラープレート(英語)テンプレートに基づいて生成するには、このオプションを選択します。

既存のプロジェクトで HTML5 ボイラープレートの使用を開始するには、HTML5 Boilerplate 公式 Web サイト(英語)から最新の安定版リリースをダウンロードし、プロジェクトで抽出します。または、埋め込みターミナル Alt+F12 )を開き、コマンドプロンプトで npm install html5-boilerplate と入力します。

右側のペインで:

  1. プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。

  2. バージョンリストから、使用するテンプレートのバージョンを選択し、作成をクリックします。

Meteor

プロジェクト構造を設定し、いくつかのソースを Meteor(英語) フレームワークに基づいて生成するには、このオプションを選択します。

右側のペインで:

  1. プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。

  2. Meteor 実行ファイルの場所を指定してください(Meteor のインストール参照)。

  3. テンプレートリストから、生成するサンプルを選択します。基本的なプロジェクト構造を生成するには、デフォルトオプションを選択します。

  4. ファイル名フィールドに、相互に関連した .js , .html ファイルと生成される .css ファイルの名前を入力します。このフィールドは、テンプレートドロップダウンリストからデフォルトサンプルタイプが選択されている場合にのみ使用可能です。

Node.js

単純な Node.js アプリケーションを起動するには、このオプションを選択します。PhpStorm は npm init コマンドを実行して package.json ファイルを追加し、Node.js コア API に対してコード補完を有効にするだけです。

右側のペインで、プロジェクトフォルダー、Node.js インタープリター、およびパッケージマネージャー( npm(英語) または Yarn(英語)、詳細については npm、pnpm、Yarn を参照)を指定します。

React

グローバルにインストールされた create-react-app(英語) パッケージを使用してプロジェクトを生成するためにこのオプションを選択してください。詳細については create-react-app を使用した React アプリケーションの生成を参照してください。

右側のペインで:

  1. プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。

  2. Node インタープリターフィールドに、使用する Node.js インタープリターを指定します。リストから設定済みのインタープリターを選択するか、追加を選択して新しいインタープリターを設定します。

  3. create-react-app リストから、npx create-react-app を選択します。

    または、npm バージョン 5.1 以前の場合、ターミナル Alt+F12 npm install --g create-react-app を実行して、create-react-app パッケージを自分でインストールします。アプリケーションを作成するときに、create-react-app パッケージが保存されているフォルダーを選択します。

React Native

React Native(英語) アプリケーションを作成するには、このオプションを選択します。

右側のペインで:

  1. プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。

  2. Node インタープリターフィールドに、使用する Node.js インタープリターを指定します。リストから設定済みのインタープリターを選択するか、追加を選択して新しいインタープリターを設定します。

  3. React Native リストから、npx --package react-native-cli react-native を選択します。

    または、npm バージョン 5.1 以前の場合、ターミナル Alt+F12 npm install -g react-native-cli を実行して、react-native-cli パッケージを自分でインストールします。アプリケーションを作成するときに、react-native-cli パッケージが保存されているフォルダーを選択します。

Vue.js

Vue CLI(英語) を使用して Vue.js(英語) アプリケーションを作成するには、このオプションを選択します。

右側のペインで:

  1. プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。

  2. Node インタープリターフィールドに、使用する Node.js インタープリターを指定します。リストから設定済みのインタープリターを選択するか、追加を選択して新しいインタープリターを設定します。

  3. Vue CLI リストから、npx --package @vue / cli vue を選択します。

    または、npm バージョン 5.1 以前の場合、ターミナル Alt+F12 npm install --g @vue/cli を実行して、@vue/cli パッケージを自分でインストールします。アプリケーションを作成するときに、@vue/cli パッケージが保存されているフォルダーを選択します。

  4. babel(英語)ESLint(英語) を使用してアプリケーションをブートストラップするには、デフォルトのプロジェクトセットアップを使用するチェックボックスを選択します。

Yeoman

Yeoman(英語) ツールを使用してフレームワーク固有のプロジェクトスタブを生成するためのインターフェースを取得するには、このオプションを選択します。

右側のペインには、以前にインストールされた Yeoman ジェネレーター(英語)がすべて表示されます。リストから必要なジェネレーターを選択し、次へをクリックして、Yeoman の説明に従います。

ユーザー定義

このリストは、以前にプロジェクトテンプレートを保存した場合にのみ表示されます。詳細については、プロジェクトをテンプレートとして保存するを参照してください。

関連ページ:

PhpStorm ワークショップ資料

PhpStorm ワークショップ資料では、PhpStorm の多くの機能と生産性向上ツールについて説明します。PhpStorm のすべての可能なオプションと機能を網羅しているわけではありません。代わりに、PHP 開発者としての日常のワークフローを強化するための実践的な演習を多数提供します。以下にワー...

プラグインを管理する

PhpStorm のユーザーインターフェースはデフォルトでは英語です。日本語化する場合は、日本語言語パックのインストールを参照してください。プラグインは以下に示すように PhpStorm のコア機能を拡張します。バージョン管理システム、アプリケーションサーバー、およびその他のツールとの統合を提供する...

Composer 依存関係マネージャー

PhpStorm はComposer依存関係マネージャーと統合されます。これにより、Packagistまたはカスタムリポジトリからのパッケージをプロジェクトの依存関係として宣言し、IDE から管理できます。PhpStorm は、composer.jsonを操作するための包括的なコーディング支援と、一...

プラグイン

このページを使用してプラグインを管理します。プラグインリポジトリを参照し、プラグインのインストール、削除、有効化、無効化、更新を行います。主なコントロール :マーケットプレースこのタブを使用して、JetBrains プラグインリポジトリからプラグインをブラウズしてインストールします。カスタムプラグイ...

Node.js

Node.jsは、ブラウザーの外部、たとえばサーバーやコマンドラインで JavaScript を実行するための軽量なランタイム環境です。PhpStorm は Node.js と統合し、アプリケーションの構成、編集、実行、デバッグ、テスト、プロファイリング、メンテナンスを支援します。アプリケーションの...

npm、pnpm、Yarn

PhpStorm はnpm、Yarn、Yarn 2、pnpmと統合されているため、IDE 内から再利用可能なコードのパッケージをインストール、検索、更新、削除できます。Node.js と NPM ページは、パッケージを管理するための専用 UI を提供します。もちろん、組み込みのターミナルのコマンドラ...