撰寫 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