Visual Studio Code & PHP

撰寫 PHP 的 IDE 最常看到的是 phpstorm,但這套是要付費的。還好有另一套 Visual Studio Code,是一款由微軟開發且跨平台的免費整合式開發環境。該軟體支援語法突顯、程式碼自動補全、程式碼重構功能,並且內建了命令列工具和 Git 版本控制系統。使用者可以更改佈景主題和鍵盤捷徑實現個人化設定,也可以透過內建的擴充元件程式商店安裝擴充元件以加強軟體功能,完全不用付費。

下載

請由如下網址下載 https://code.visualstudio.com/,選擇對應的版本即可。

安裝時的路徑為 C:\Users\登入名稱\AppData\Local\Programs\Microsoft VS Code,此路徑請不要隨便更改。在下一步中,請將建立桌面圖示打勾

安裝 WampServer

請參照 Wamp Server 安裝 這篇說明

更改 Theme

左邊列下方的齒輪選擇 Themes/Color Themes/再選 Light(Visual Studio),再會變成白底黑字的佈景主題

安裝 PHP Debug

按下左邊第五顆按鈕 Extensions ,然後輸入 php 搜尋,選取 PHP Debug進行安裝。然後在 PHP Debug 右下方的齒輪按一下,選擇Extension Settings,再選取 Edit in settings.json,於 “php.debug.executablePath” : “” 輸入  “C:/wamp64/bin/php/php8.0.26/php.exe”

{
"php.debug.executablePath": "C:/wamp64/bin/php/php8.0.26/php.exe"
}

開啟專案

網站通常由多個網頁組成,請選第一個按鈕,再選 New Folder,建立網頁目錄 c:/server/wordpress/web。

然後再開啟新檔案 info.php,輸入如下代碼

<?php
phpinfo();
?>

最後按下 Ctrl+F5 執行,就會在下方的DEBUG CONSOLE 輸出 HTML 的結果

todo

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *