VS Code 配置 Live Server 支持PHP代碼實(shí)時(shí)預(yù)覽

用visual studio code 開(kāi)發(fā)php項(xiàng)目時(shí)，修改了xxx.php文件后，想要實(shí)時(shí)查看修改PHP代碼的效果比較麻煩。需要瀏覽器端手動(dòng)刷新查看。那如何做到PHP代碼修改后自動(dòng)刷新呢？

Live Server 是開(kāi)發(fā)HTML CSS JS 實(shí)時(shí)刷新利器，今天教大家如何讓Live Server支持PHP文件(xxx.php)。

方案如下：

  1. 安裝 VS Code 擴(kuò)展插件 Live Server
  2. 安裝火狐或谷歌瀏覽器擴(kuò)展插件：live-server-web-extension 下載地址： Chrome or Firefox.
  3. 配置瀏覽器插件
image
  1. Actual Server Address: Web項(xiàng)目瀏覽器訪問(wèn)的地址。
  2. Live Server Address: 填寫(xiě)VS Code右下角Go Live按鈕打開(kāi)后，瀏覽器彈出來(lái)的地址，默認(rèn)為http://127.0.0.1:5500

配置好兩項(xiàng)內(nèi)容后，VS Code狀態(tài)欄啟動(dòng)Go Live按鈕，然后在瀏覽器中打開(kāi)頁(yè)面訪問(wèn)地址就可以實(shí)時(shí)修改PHP代碼，查看瀏覽器效果了。

如果.php文件沒(méi)有open with live server，先新建.html文件，就可以open with live server，想要實(shí)時(shí)預(yù)覽.php，訪問(wèn)本地服務(wù)器上的.php，而不是live-server，在VSCode保存.php文件就可以實(shí)時(shí)刷新了

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容