Visual Studio Code でPHPを開始するまでの手順

# TL;DR

- Windows 10の環境で、Visual Studio Code でPHPを開始するまでの手順を記載します。あくまで一例です。

#  1. Visual Studio Codeをインストール

https://azure.microsoft.com/ja-jp/products/visual-studio-code/ 

※途中でコンテキスト（右クリック）メニューに追加するオプションを【ON】とする

# 2. XAMPPをインストール

ダウンロード先
https://www.apachefriends.org/jp/index.html

## 2.1. インストーラーをダブルクリックして既定でインストール

- インストール途中で、「Windowsセキュリティの重要な警告」が表示され、Apache HTTP Serverに関する許可が表示された場合には、すべてのチェックボックスにチェックして、アクセスを許可してください。

## 2.2. Apacheをスタートする

コントロールパネルを起動する場合は、以下から

```
C:\xampp\xampp-control.exe
```

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/204150/2b31693e-230e-408c-1d01-5f9d606a3d54.png)

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/204150/25d801f3-e343-7b70-fb2e-ed88a7b0f0e7.png)



### 参考

https://techacademy.jp/magazine/1722

# 3. [VS Code]PHP Intelephenseのインストール

## 3.1. 拡張機能のインストール

VS Codeの拡張機能から、以下をインストールする

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/204150/40c9d9ff-a0a7-6ce9-b92b-35ab7a25a1a8.png)

LaravelでRouteやAuthなどのクラスに対してエラーが表示された場合には次を参照

https://qiita.com/AkiYanagimoto/items/047c3492749a407c2ace


# 4. [VS Code]PHP Debugのインストールと設定

## 4.1. インストールと設定の実行

元資料：次URLの「PHP Debug拡張機能のインストールと設定」
https://www.atmarkit.co.jp/ait/articles/1809/11/news028.html

以下に、上記ページ内手順を転記します。

1. コマンドラインでPHPがインストールされたフォルダに移動し、「`php -i | clip`」コマンドを実行して、その出力結果をクリップボードにコピーする

    コマンドライン上では、何も表示されませんが、クリップボードにコピーされています。

1. 「[Tailored Installation Instructions](https://xdebug.org/wizard.php)」ページにあるテキストボックスに、出力結果をクリップボードからペーストする

1. ［Analyse my phpinfo() output］ボタンをクリックする

1. 表示された指示に従って、DLLをダウンロードして、拡張機能フォルダ（PHPがインストールされたフォルダ配下の「ext」フォルダ）にコピーして、PHPのインストールフォルダにあるphp.iniファイルを編集する

- この作業（デバッグ用DLLファイルのコピーと、php.iniファイルの設定）で、リモートデバッグが有効化されます。

- 設定ファイルの内容は、以下です（使用しているPHPのバージョンでDLLファイルの名称は違うことがあります）

```ini
[XDebug]
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
zend_extension = C:\xampp\php\ext\php_xdebug-2.7.2-7.3-vc15-x86_64.dll 
```

## 4.2. デバッグしてみよう

以下に従いデバッグしてみましょう

https://www.atmarkit.co.jp/ait/articles/1809/11/news028_2.html

index.htmlとhello.phpを作成する場合には、以下のようにしてフォルダをCodeで開いてから行いましょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/204150/267bac6c-c6b5-31d0-9609-ffdf77e4c66d.png)


https://www.atmarkit.co.jp/ait/articles/1809/11/news028_3.html

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/204150/39160848-f272-6207-9ca7-db1b691e48fa.png)



# 5. [VS Code]その他拡張機能

今まで説明した、PHP Intelephense、PHP Debug以外に、以下の拡張機能をインストールしておきましょう

## 5.1. [PHP DocBlocker](https://qiita.com/cflat0528/items/08814378a5cf0d0c107d#4-php-docblocker)

Docコメントの入力を補完してくれます。

## 5.2. [PHP Class Generator](https://qiita.com/shunpeister/items/31c7bc9fe1d51e683ab8#php-class-generator)

空のPHPファイルから、namespaceとクラス名を補完したスケルトンを作ってくれます

## 5.3. [PHP Namespace Resolver](https://qiita.com/shunpeister/items/31c7bc9fe1d51e683ab8#php-namespace-resolver)

コード内に書かれたクラス名からnamespaceのインポートを挿入してくれます。

## 5.4. [PHP import checker](https://qiita.com/shunpeister/items/31c7bc9fe1d51e683ab8#php-import-checker)

useキーワードでインポートしてるけど、使っていないクラスをハイライトしてくれます

# 6. GITをインストール

## 6-1 CUIで行う場合

※wingetを[公式サイト](https://github.com/microsoft/winget-cli/releases)よりインストールしている前提

```
winget install -e --id Git.Git
```

```:改行コードを自動で書き換えないようにする
git config --global core.autocrlf input
```
参考：https://qiita.com/chomado/items/9a86d3bca24dcd15a460

## 6-2 GUIで行う場合

以下の手順に従い、Gitをインストールします。
編集に使用するエディタは、「Use Visual Studio Code As Git’s default editorはVisual Studio Code」を選択します。
[私家版-git-for-windowsのインストール手順](https://opcdiary.net/technical/programming/%E7%A7%81%E5%AE%B6%E7%89%88-git-for-windows%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%89%8B%E9%A0%86/)

※「Git for Windowsのダウンロードとインストール」～「グローバルの設定」までを実施。
# 7. Composerのインストールと設定

Windowsへのインストールは[Composerのサイトのこちらのページ](https://getcomposer.org/doc/00-intro.md#installation-windows)に書かれています。

Windowsでは、[Composer-Setup.exe](https://getcomposer.org/Composer-Setup.exe)をダウンロードします

ダウンロードが完了したら、ダウンロードしたインストーラファイルをダブルクリックし、ウィザードの指示に従ってインストールしていきます。
このインストーラは、Composer本体のインストールと、そのComposerがコマンドプロンプトから利用できるように環境変数PATHへの追記を行います。

コマンドプロンプトを起動して、以下のコマンドを実行してください。

```cmd
composer -V
```

バージョン番号が表示されたら無事インストールが完了しています

# 8. 初めてのLaravelアプリ

以下の手順に従い、Laravelを体験してみましょう。

https://qiita.com/yoshinyan/items/3161ed3eb8ea0e6ba14e

# 9. Laravel演習 (掲示板を作成するチュートリアル)

https://qiita.com/yoshinyan/items/414630317b1912b07dc2