VSCodeのLive ServerでPHPファイルを実行する方法

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
    },
}
目次