PHPの設定をしていない場合、VSCodeでPHPファイルを開くと下記の画像のように設定用のポップアップが右下に表示されます。
設定を開くをクリック。
![PHPの設定](https://design-pull.com/wp-content/uploads/2022/07/bandicam-2022-07-09-13-35-19-514-1024x365.jpg)
※上記画像が表示されていない場合
ショートカットキーCtrl + shift + pしsettings.jsonと入力してSettings(JSON)を選択。
![検索](https://design-pull.com/wp-content/uploads/2022/07/bandicam-2022-07-30-18-40-11-322.jpg)
settings.jsonをクリック。
![settings.json](https://design-pull.com/wp-content/uploads/2022/07/bandicam-2022-07-09-13-36-27-159-1024x390.jpg)
“php.validate.executablePath”: “”,に候補はありません。と表示されています。
![候補はありません。](https://design-pull.com/wp-content/uploads/2022/07/bandicam-2022-07-09-13-37-43-882-1024x390.jpg)
候補の指定はXAMPP(ザンプ)をインストールして指定する必要があるためブラウザでXAMPPのダウンロードサイトに移行します。
XAMPPをインストール
![XAMPP(ザンプ)](https://design-pull.com/wp-content/uploads/2022/07/bandicam-2022-07-28-21-31-46-291.jpg)
コマンドプロンプトの場合は下記の入力でで起動する。
C:\xampp\xampp-control.exe
![XAMPP](https://design-pull.com/wp-content/uploads/2022/07/bandicam-2022-07-28-22-47-58-735.jpg)
VSCodeのPHP Intelephenseをインストール
VSCodeを起動し拡張機能の検索欄に「PHP Intelephense」と入力してPHP Intelephenseを選択。
![拡張機能](https://design-pull.com/wp-content/uploads/2022/07/bandicam-2022-07-28-22-59-18-364.jpg)
PHP Intelephenseをインストールし有効化します。
![PHP Intelephense](https://design-pull.com/wp-content/uploads/2022/07/bandicam-2022-07-28-22-52-01-773.jpg)
settings.jsonにPHP候補を記載する
エクスプローラーのphp.exeを指定する必要があるため下記の記述を追加します。
"php.validate.executablePath": "C:\\xampp\\php\\php.exe",
※xamppのphp.exeを違う場所に保存している場合は、php.exeまで指定する記述に変更しなければいけません。
![php.exe](https://design-pull.com/wp-content/uploads/2022/07/bandicam-2022-07-09-13-58-21-952-1024x390.jpg)
エクスプローラーからphp.exeを開く方法
エクスプローラーから開く場合はC:\xampp\php\php.exeと入力すると開くことができます。
![C:\xampp\php\php.exe](https://design-pull.com/wp-content/uploads/2022/07/bandicam-2022-07-29-23-07-47-387.jpg)
PHPをライブビューする拡張機能
index.phpなどのPHPファイルをリアルタイムでプレビューする為の拡張機能の紹介です。
PHP Server
![PHP Server](https://design-pull.com/wp-content/uploads/2023/04/bandicam-2023-04-05-09-47-04-655.jpg)
▪PHPをライブビューする
拡張機能
拡張機能の検索窓に「PHP Server」と入力。
![PHP Server](https://design-pull.com/wp-content/uploads/2023/04/bandicam-2023-04-05-10-17-55-067.jpg)
PHP Serverをインストールし有効化すると右上にPHPマークが表示されます。
![](https://design-pull.com/wp-content/uploads/2023/04/bandicam-2023-04-05-10-23-15-542.jpg)
PHP not found
何も設定していない状態だと、PHPマークをクリックしてもPHP not foundとエラーメッセージが出てしまいます。
![PHP not found](https://design-pull.com/wp-content/uploads/2023/04/php_not_found.jpg)
PHP not foundの対策
VSCodeのファイル→ユーザー設定→設定で「phpserver.phpPath」を検索しphp実行ファイルのパスを設定する。
![](https://design-pull.com/wp-content/uploads/2023/04/bandicam-2023-04-05-10-31-49-659.jpg)
Phpserver: PHP Pathの項目がヒット。
![](https://design-pull.com/wp-content/uploads/2023/04/bandicam-2023-04-05-10-36-03-216.jpg)
xamppのphp.exeを指定することで解決します。
![](https://design-pull.com/wp-content/uploads/2023/04/bandicam-2023-04-05-10-39-26-436.jpg)
下記記述で指定。
C:\xampp\php\php.exe
VSCodeを再起動しPHPマークをクリックして「Serving Project」と表示されてブラウザプレビューされます。
![](https://design-pull.com/wp-content/uploads/2023/04/bandicam-2023-04-05-10-44-37-940.jpg)