Laravelインストール(Windows10)

#XAMPPがインストールされたWindows機へのLaravelインストール手順
XAMPPのインストールが完了したWindows機へLaravelインストールの手順について、解説します。
※XAMPPはウィザードに従えば、比較的容易に設定できるので、割愛。
※Laravelは手順が数段階あって、慣れるまで苦戦したので...

##手順概要
1. Composerのダウンロード、インストール。
1. Composerがインストールされているか、確認。
1. Laravelをインストール。
1. Laravelがインストールされているか、確認。

##手順詳細
###Composerをインストール

1. [Composerのサイト](https://getcomposer.org/)にアクセスします。
![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/b5ed244c-9359-624d-0105-9b019b7b6a92.png)
※Googleで「composer」と検索すると、最上位に表示されます(2020.07.16現在)。

1. 「Download」をクリックします。
![02.5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/b1a043c8-2478-7a97-06b7-90871a81d873.png)

1. 「Composer-Setup.exe」をクリックし、ダウンロードします。
![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/fa506414-aee5-02f2-29aa-08899da71032.png)
※ダウンロード先は任意です。

1. ダウンロードした「Composer-Setup.exe」をダブルクリックします。

1. 「Install for all users(recommended)」をクリックします。
![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/3332d41f-e3e7-591e-fe0e-5c1e006164b1.png)

1. 「Next」をクリックします。
![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/2cba2f5c-2822-c6cf-7b4c-8f4629bb2893.png)
※チェックを入れると、アンインストーラがインストールされません。

1. 「Next」をクリックします。
![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/b27cc16e-722e-f02a-113f-50eec0afae48.png)
※PHPの実行ファイルを指定する必要がありますが、XAMPPがインストールされていれば、自動で設定されています。

1. 必要に応じて、プロキシを設定し、「Next」をクリックします。
![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/a563652c-c9be-804e-a7bf-8ef573e614f5.png)

1. 「Install」をクリックします。
![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/c86c49d7-08c2-61e2-6768-e07c158fbd32.png)

1. インストールが始まります。
![09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/ee6ebbda-263f-b8d0-48b1-c0ae95fe473b.png)

1. 「Finish」をクリックし、インストールを終了します。
![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/e6ddd1c4-0286-7a86-6181-b7f312976c7f.png)

###Composerが正常にインストールされているか確認する
1. 「ファイルを指定して実行」に「cmd」と入力し、コマンドプロンプトを開きます。
![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/92293be4-b10e-91b8-a12e-163da27a32c0.png)
※「Windowsキー + r」で、「ファイルを指定して実行」を開く事ができます。

1. コマンドプロンプトに「composer」と入力し、Enterを押下します。
![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/f73d4a37-9054-dd2d-8d6e-8b5aea3936c8.png)

1. 下記のように表示されていれば、Comporserは正常にインストールされています。
![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/31b66b0e-ba33-7bb0-3a83-caa3c7cf269b.png)

###Laravelをインストール
1. コマンドプロンプトで、Laravelをインストールしたいフォルダに移動します。
![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/012c011c-bed5-6b55-3090-b02fd386f3f7.png)
※「cd フォルダパス」で指定されたフォルダに移動します。
※ここではcドライブ→xampp→htdocsにインストールします。

1. フォルダが移動できたか、確認します。
![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/50263fc7-f413-e5c0-18a8-d439c0c54cb5.png)

1. 「composer create-project --prefer-dist laravel/laravel laravelTest」
と入力し、Enterキーを押下します。
![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/5a03bb84-a7af-dcd2-f177-2e0f5962512e.png)
※上記の入力で、「lravelTest」というフォルダが生成されるので、適宜、変更してください。
※ 「–prefer-dist」は省略可能ですが、記述する事で、ダウンロードが高速になります。

1. インストールが始まります。
![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/639d551c-e19d-7155-6e21-d85e7339cb6a.png)
※環境によりますが、数分かかります。

1. インストールが完了すると、指定されたフォルダ内に各種ファイルが保存されます。
![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/90c5fcc8-ecff-4ce8-3176-27176c8f3f0a.png)


###Laravelが正常にインストールされているか確認する
1. コマンドプロンプトで、Laravelがインストールされたフォルダに移動します。
![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/b3503f7f-fc76-219e-be61-9df5c0c16d14.png)

1. 「php artisan serve」と入力し、Enterキーを押下します。
![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/e398c270-c7a5-52ad-c728-433d7d630fbe.png)
※Laravelの開発サーバが起動します。

1. 表示されたURLを確認します。
![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/b5cbd03f-7ae4-c32d-fb50-d70378f6d6ff.png)

1. 表示されたURLをブラウザのアドレスバーに入力し、下記のように表示されていれば、Laravelは正常にインストールされています。
![09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/646252/f2310b4d-81e2-b934-6efc-a410140c12fd.png)

1. コマンドプロンプトに戻り、「Ctrlキー + c」で、Laravelの開発サーバを終了します。