PHPはサーバーサイド言語であり、Live Serverを使ってそのまま動作させることはできません。
そのままPHPファイルを開こうとするとファイルがダウンロードされたり、ディレクトリが開いたりします。
Live Serverを使って、PHPファイルを実行するには設定が必要となります。
参考:https://github.com/ritwickdey/live-server-web-extension/blob/master/docs/Setup.md
- ブラウザの拡張機能のLive Server Web Extensionをインストールする
- ローカルにPHPが稼働するサーバー(MAMP)をインストールし、稼働させる
- 稼働させたサーバーにファイルを配置する
- VSCodeのsetting.jsonに以下の記述を行う
- VSCodeでサーバーに配置したワークスペースを開き、PHPファイルを開く
{
// Mainly for static files
"liveServer.settings.useWebExt": true,
// This means that you change your real URL (current PHP url)
// to another URL (which Live Sever starts).
"liveServer.settings.proxy": {
"enable": true, // i. enabled
"baseUri": "/", // ii. workspace
"proxyUri": "http://localhost:8888/workspace" // iii. actual address
},
}