ツイートはてブ LINE Pocket

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

新規プロジェクトダイアログから (メインメニューのファイル | 新規プロジェクト、または PhpStorm へようこそ ) ダイアログ | 新規プロジェクト )、次のものを作成できます。

PHP 空プロジェクト。
オンボーディングのヒントが含まれた PhpStorm ワークショッププロジェクト。
フレームワークベースのプロジェクト。PhpStorm はアプリケーション scaffold を生成し、それぞれの PHP または Web フレームワークに必要なパッケージをインストールします。

新しい PHP の空のプロジェクト

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

これは、特定のフレームワークを持たない汎用 PHP プロジェクトです。必要なフレームワークとテクノロジは、後でいつでも追加できます。

新規プロジェクトダイアログから PHP 空プロジェクトを選択します。
新しいプロジェクトに名前を付け、必要に応じてロケーションフィールドでその場所を変更します。
空のプロジェクトに composer.json ファイルテンプレートを追加する場合は、「composer.json」を追加チェックボックスを選択します。

作成をクリックすると、PhpStorm はプロジェクトスタブを生成し、開いている情報ダイアログの選択に応じて、現在のウィンドウまたは新しいスタブのいずれかでプロジェクトスタブを開きます。

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

ファイル | 新規プロジェクト | PhpStorm ワークショッププロジェクト

PhpStorm ワークショップは、すべてのファイルが新しい演習となるプロジェクトで、作業を完了するためのコードやヒントが含まれている可能性があります。ナビゲーション、編集、インスペクション、ライブテンプレート、リファクタリング、Composer や HTTP クライアントなどのツール、その他の分野に関する演習があります。詳細については、ワークショップ資料の概要を説明する 5 分間のスクリーンキャスト(英語)を参照してください。

新しいフレームワークベースのプロジェクト: PHP

フレームワークベースのプロジェクトの場合、PhpStorm はプロジェクトディレクトリを作成し、必要な依存関係をそこにダウンロードし、開始するために必要なディレクトリとファイルを含むプロジェクト構造を生成します。

Composer パッケージプロジェクト

Composer を使用して、既存のパッケージからプロジェクトスタブを生成できます。この場合、Composer が初期化され、プロジェクトスタブの作成中に 1 つのパッケージがインストールされます。その後、コマンドラインまたはユーザーインターフェースから Composer を使用できます。

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
'composer' 実行可能ファイル	グローバルにインストールされた composer 実行可能ファイルを介してコマンドを実行するには、'composer' 実行可能ファイルを選択し、フィールドにその場所を指定します。
composer.phar	ローカル composer.phar アーカイブ経由でコマンドを実行するには、composer.phar を選択します。次に、フィールドに既存の composer.phar ファイルの場所を指定するか、「getcomposer.org から作曲家 .phar をダウンロード」チェックボックスを選択してファイルの新しいインスタンスをダウンロードします。ダウンロードした composer.phar ファイルはプロジェクトのルートフォルダーに保存されます。次に、PHP インタープリターリストから構成済みのローカル PHP インタープリターの 1 つを選択します。詳細については、「ローカル PHP インタープリターを構成する」を参照してください。必要に応じて、コマンドラインパラメーターフィールドに追加のコマンドラインパラメーターを入力します。
パッケージ	リストからインストールする Composer パッケージを選択します。コード補完を使用するには、`Ctrl+Space` を押します。
インストールするバージョン	リストからパッケージのバージョンを選択します。リストの内容は特定のパッケージによって異なります。

作成をクリックすると、選択したパッケージを使用して create-project(英語) Composer コマンドが呼び出されます。その結果、選択したパッケージに応じた構成と構造を持つ Composer プロジェクトが作成され、開かれます。

Drupal モジュール

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
Drupal インストールパス	インストールされた Drupal コアが含まれるルートディレクトリへのパスを指定します。
PHP を設定する \| パスを含める	PHP を設定する \| パスを含めるチェックボックスを選択すると、PhpStorm によって Drupal コアディレクトリがプロジェクトのインクルードパスに自動的に追加されます。パスを手動で構成するには、設定 (`Ctrl+Alt+S`) \| PHP を開き、インクルードパスタブでディレクトリのリストを編集します。 Drupal 統合が無効になっている場合、パスは自動的に除外されます。
バージョン	使用する Drupal のバージョンを選択します。サポートされているバージョンは 6、7、8、9 です。 Drupal 10 プロジェクトの場合は、IDE 設定でバージョン 9 を使用します。

Joomla! 統合

PhpStorm は、PHP クラス <project name>.php および <project name>.xml マニフェストファイル(英語)を含むスタブ Joomla! プロジェクトを作成します。詳細については、Joomla! および Joomla! サイト(英語)を参照してください。

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
Joomla インストールパス	Joomla! インストールのルートフォルダーを指定します。
JConfig のパス	Joomla の `JConfig` クラスの定義を含む `configuration.php` ファイルへのパスを指定します。
プロジェクトタイプ	リストから Joomla! プロジェクトの種類 (英語) (コンポーネント、モジュール、プラグイン) のいずれかを選択します。

PhpStorm は、欠落している Joomla! コードスタイル、名前空間などに関する通知を含むバルーンを表示します。これらの要素は、対応するリンクをクリックすることですぐにインストールできます。通知はステータスバーと通知ツールウィンドウで複製されます。

symfony

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
プロジェクトタイプ	作成する新しい Symfony アプリケーションのタイプを選択します。 Web とコンソールの違いは、デフォルトでインストールされるパッケージの数です。Web オプションでは、Web アプリケーションの構築に通常必要なすべてのパッケージがインストールされるため、インストールサイズは大きくなります。デモオプションは Symfony デモアプリケーション(英語)を作成します。
バージョン	使用する Symfony のバージョンを選択します。
Git リポジトリの作成	新しいプロジェクトをバージョン管理下に置くには、チェックボックスを選択します。

WordPress プラグイン

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

新しいフレームワークベースのプロジェクト: Web

Angular CLI

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
Node インタープリター	このプロジェクトで使用する 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 に渡す追加の新しいオプション(英語)を指定します。

Bootstrap

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
バージョン	アプリケーションで使用するテンプレートバージョンを選択します。

Express

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
Node インタープリター	このプロジェクトで使用する Node.js インタープリターを指定します。リストから設定済みのインタープリターを選択するか、追加をクリックして新しいインタープリターを設定できます。コンピューターに Node.js がない場合は、リストから Node.js をダウンロードを選択します。
express-generator	バージョンのアプリケーションジェネレーターツールを選択して、アプリケーションスケルトンをすばやく作成します。
ビューエンジン	使用するテンプレートエンジン(英語)を選択します。
スタイルシートエンジン	プロジェクトの CSS プリプロセッサーを選択します。

HTML5 ボイラープレート

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
バージョン	アプリケーションで使用するテンプレートバージョンを選択します。

Next.js

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
Node インタープリター	このプロジェクトで使用する Node.js インタープリターを指定します。リストから設定済みのインタープリターを選択するか、追加をクリックして新しいインタープリターを設定できます。コンピューターに Node.js がない場合は、リストから Node.js をダウンロードを選択します。
create-react-app	npx create-react-app を選択します。または、npm バージョン 5.1 以前の場合、ターミナル `Alt+F12` で `npm install --g create-react-app` を実行して、`create-react-app` パッケージを自分でインストールします。アプリケーションを作成するときに、`create-react-app` パッケージが保存されているフォルダーを選択します。
TypeScript プロジェクトの作成	オプション: JSX の代わりに TSX を使用するには、TypeScript プロジェクトの作成チェックボックスを選択します。PhpStorm は、アプリケーション用の .tsx ファイルと tsconfig.json 構成ファイルを生成します。

Node.js

ロケーション

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

Node インタープリター

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

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

パッケージマネージャー

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

React

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
Node インタープリター	このプロジェクトで使用する Node.js インタープリターを指定します。リストから設定済みのインタープリターを選択するか、追加をクリックして新しいインタープリターを設定できます。コンピューターに Node.js がない場合は、リストから Node.js をダウンロードを選択します。
create-react-app	npx create-react-app を選択します。または、npm バージョン 5.1 以前の場合、ターミナル `Alt+F12` で `npm install --g create-react-app` を実行して、`create-react-app` パッケージを自分でインストールします。アプリケーションを作成するときに、`create-react-app` パッケージが保存されているフォルダーを選択します。
TypeScript プロジェクトの作成	オプション: JSX の代わりに TSX を使用するには、TypeScript プロジェクトの作成チェックボックスを選択します。PhpStorm は、アプリケーション用の .tsx ファイルと tsconfig.json 構成ファイルを生成します。

React Native

ロケーション

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

Node インタープリター

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

React Native

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 パッケージが保存されているフォルダーを選択します。

Vite

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
Node インタープリター	このプロジェクトで使用する 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 テンプレート(英語)を選択します。

Vue.js

ロケーション	プロジェクト関連ファイルが保存されるフォルダーへのパスを指定します。
Node インタープリター	このプロジェクトで使用する 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(英語) を使用してアプリケーションをブートストラップするには、デフォルトのプロジェクトセットアップを使用するチェックボックスを選択します。