新しいプロジェクトを作成する

ロケーション

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

'composer' 実行可能ファイル

グローバルにインストールされた composer 実行可能ファイルを介してコマンドを実行するには、 'composer' 実行可能ファイル を選択し、フィールドにその場所を指定します。

composer.phar

ローカル composer.phar アーカイブ経由でコマンドを実行するには、 composer.phar を選択します。 次に、フィールドに既存の composer.phar ファイルの場所を指定するか、 「getcomposer.org から作曲家 .phar をダウンロード」 チェックボックスを選択してファイルの新しいインスタンスをダウンロードします。 ダウンロードした composer.phar ファイルはプロジェクトのルートフォルダーに保存されます。

次に、 PHP インタープリター リストから構成済みのローカル PHP インタープリターの 1 つを選択します。 詳細については、 ローカル PHP インタープリターを構成する を参照してください。

必要に応じて、 コマンドラインパラメーター フィールドに追加のコマンドラインパラメーターを入力します。

パッケージ

リストからインストールする Composer パッケージを選択します。 コード補完を使用するには、 Ctrl+Space を押します。

インストールするバージョン

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

ロケーション

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

Drupal のインストールパス

インストールされた Drupal コアが含まれるルートディレクトリへのパスを指定します。

PHP を設定する | パスを含める

PHP を設定する | パスを含める チェックボックスを選択すると、PhpStorm が Drupal コアディレクトリをプロジェクトの インクルードパス に自動的に追加します。

パスを手動で構成するには、 設定 (Ctrl+Alt+S) |PHP を開き、 インクルードパス タブでディレクトリのリストを編集します。

バージョン

使用する Drupal のバージョンを選択します。対応バージョンは 6、7、8、9 です。

ロケーション

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

Joomla インストールパス

Joomla! インストールのルートフォルダーを指定します。

JConfig のパス

Joomla の JConfig クラスの定義を含む configuration.php ファイルへのパスを指定します。

プロジェクトタイプ

リストから Joomla! プロジェクトの種類 (英語) (コンポーネント、モジュール、プラグイン) のいずれかを選択します。

ロケーション

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

プロジェクトタイプ

作成する新しい Symfony アプリケーションのタイプを選択します。

ウェブ​ と コンソール​ の違いは、デフォルトでインストールされるパッケージの数です。 ウェブ​ オプションでは、Web アプリケーションの構築に通常必要なすべてのパッケージがインストールされるため、インストールサイズは大きくなります。

デモ オプションは Symfony デモアプリケーション(英語)を作成します。

バージョン

使用する Symfony のバージョンを選択します。

Git リポジトリを作成する

新しいプロジェクトをバージョン管理下に置くには、チェックボックスを選択します。

ロケーション

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

WordPress インストールパス

このフィールドの WordPress インストールパス フィールドで、WordPress コアがあるフォルダーへのパスを指定します。 このフォルダーには、 wp-admin および wp-includes サブディレクトリが含まれている必要があります。 OK をクリックして、プロジェクトスタブの生成を開始します。

ロケーション

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

ノードランタイム

このプロジェクトで使用する Node.js ランタイムを指定します。 リストから設定済みのランタイムを選択するか、「追加 」をクリックして新しいランタイムを設定できます。

コンピューターに Node.js がない場合は、リストから Node.js をダウンロード を選択します。

Angular CLI

npx --package @angular/cli ng を選択します。

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

追加パラメーター

（オプション ）Angular CLI に渡す追加の 新しいオプション(英語)を指定します。

ロケーション

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

バージョン

アプリケーションで使用するテンプレートバージョンを選択します。

ロケーション

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

ノードランタイム

このプロジェクトで使用する Node.js ランタイムを指定します。 リストから設定済みのランタイムを選択するか、「追加 」をクリックして新しいランタイムを設定できます。

コンピューターに Node.js がない場合は、リストから Node.js をダウンロード を選択します。

express-generator

バージョンのアプリケーションジェネレーターツールを選択して、アプリケーションスケルトンをすばやく作成します。

ビューエンジン

使用する テンプレートエンジン(英語)を選択します。

スタイルシートエンジン

プロジェクトの CSS プリプロセッサーを選択します。

ロケーション

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

バージョン

アプリケーションで使用するテンプレートバージョンを選択します。

ロケーション

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

ノードランタイム

このプロジェクトで使用する Node.js ランタイムを指定します。 リストから設定済みのランタイムを選択するか、「追加 」をクリックして新しいランタイムを設定できます。

コンピューターに Node.js がない場合は、リストから Node.js をダウンロード を選択します。

React CLI

使用するジェネレーターを選択してください。

• デフォルトの npx create-vite を受け入れると、開発環境が Vite を使用するように事前に構成されます。

• npx create-react-app を選択すると、webpack、Babel、ESLint を使用するための開発環境が事前に設定されます。

• 以前にダウンロードしたカスタムジェネレーターを使用するには、 選択 をクリックし、開いたダイアログでジェネレーターへのパスを指定します。

TypeScript プロジェクトの作成

オプション:

JSX の代わりに TSX を使用するには、 TypeScript プロジェクトの作成 チェックボックスを選択します。 PhpStorm はアプリケーション用の .tsx ファイルと tsconfig.json 構成ファイルを生成するようになります。

ロケーション

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

ノードランタイム

このプロジェクトで使用する Node.js ランタイムを指定します。 リストから設定済みのランタイムを選択するか、「追加 」をクリックして新しいランタイムを設定できます。

コンピューターに Node.js がない場合は、リストから Node.js をダウンロード を選択します。

パッケージマネージャー

プロジェクトで使用するパッケージマネージャーを選択します (npm(英語)、 pnpm(英語) 、または Yarn(英語)。 詳細については、 npm、pnpm、Yarn） を参照してください。

ロケーション

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

ノードランタイム

このプロジェクトで使用する Node.js ランタイムを指定します。 リストから設定済みのランタイムを選択するか、「追加 」をクリックして新しいランタイムを設定できます。

コンピューターに Node.js がない場合は、リストから Node.js をダウンロード を選択します。

React CLI

使用するジェネレーターを選択してください。

• デフォルトの npx create-vite を受け入れると、開発環境が Vite を使用するように事前に構成されます。

• npx create-react-app を選択すると、webpack、Babel、ESLint を使用するための開発環境が事前に設定されます。

• 以前にダウンロードしたカスタムジェネレーターを使用するには、 選択 をクリックし、開いたダイアログでジェネレーターへのパスを指定します。

TypeScript プロジェクトの作成

オプション:

JSX の代わりに TSX を使用するには、 TypeScript プロジェクトの作成 チェックボックスを選択します。 PhpStorm はアプリケーション用の .tsx ファイルと tsconfig.json 構成ファイルを生成するようになります。

ロケーション

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

ノードランタイム

このプロジェクトで使用する Node.js ランタイムを指定します。 リストから設定済みのランタイムを選択するか、「追加 」をクリックして新しいランタイムを設定できます。

コンピューターに Node.js がない場合は、リストから Node.js をダウンロード を選択します。

React Native

React Native リストから npx --パッケージ react-native-cli react-native を選択してください。

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

ロケーション

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

ノードランタイム

このプロジェクトで使用する Node.js ランタイムを指定します。 リストから設定済みのランタイムを選択するか、「追加 」をクリックして新しいランタイムを設定できます。

コンピューターに Node.js がない場合は、リストから Node.js をダウンロード を選択します。

Vite

Vite リストから npx create-vite を選択してください。

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

テンプレート

アプリケーションで使用するフレームワークを対象とする、 コミュニティが管理する Vite テンプレート(英語)を選択します。

ロケーション

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

ノードランタイム

このプロジェクトで使用する Node.js ランタイムを指定します。 リストから設定済みのランタイムを選択するか、「追加 」をクリックして新しいランタイムを設定できます。

コンピューターに Node.js がない場合は、リストから Node.js をダウンロード を選択します。

Vue CLI

Vue CLI リストから npx --package @vue/cli vue を選択してください。

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

デフォルトのプロジェクトセットアップを使用する（バベル、エリント）

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