手把手教你怎麼在VSCode中搭建PHP開發環境

VSCode中怎麼開發PHP？以下這篇文章就來跟大家介紹一下在VSCode中配置PHP開發環境的方法，希望對大家有幫助！

在VSCode 中設定PHP 開發環境

1 PHP

官網位址：PHP

#介面：

##2 下載

官網下載位址：

Download PHP

##3 安裝① 依照下圖下載php。

② 解壓縮到想要安裝 php 的位置（注意先雙擊開啟壓縮包，看下有沒有根目錄）。 如下圖，開啟後如果沒有根目錄，不要直接解壓縮，不然檔案就混在一起了。 【推薦學習：
vscode教學
、程式設計影片】

#這裡建議新一個根目錄再解壓縮（或直接右鍵選擇“解壓縮到xxx”），如下圖所示。

4 設定環境變數① 右鍵點選我的電腦- > 屬性-> 進階系統設定-> 環境變數或直接win s 搜尋“系統環境變數” -> 開啟“編輯系統環境變數”，如下圖所示。

② 開啟 php 安裝目錄，按下圖複製位址。

③ 修改「系統變數」中的 path，加入步驟 ② 所複製的路徑。

注意：系統變數配置完別忘記點選確定。

④ 測試：在cmd 中輸入

php -v

5 Xdebug 下載

Xdebug 要下載與php 對應的版本，我們下載的php 版本為8.1.11，而且是thread safe 版本，對應的是帶有TS 的版本。

下載位址：

Xdebug: Downloads

#把下載的php_xdebug-3.2.0RC1-8.1-vs16-x86_64 .dll 文件，複製到php 根目錄下的ext 目錄中，然後在php 根目錄下找到php.ini 文件，如下兩種情況。

① （有 php.ini 檔案）直接在 php 目錄的 php.ini 的檔案結尾加入以下配置即可（記得修改路徑）。

[xdebug]zend_extension="D:\software\php-8.1.11-Win32-vs16-x64\ext\php_xdebug-3.2.0RC1-8.1-vs16-x86_64.dll"xdebug.remote_enable = 1xdebug.remote_autostart = 1

② （沒有 php.ini 檔案）這裡我們可以在 php 根目錄下找到 php.ini-development （開發環境用）與 php.ini-production（生產環境用）兩個檔案。這裡雖然沒有 php.ini 文件，而 php 還是會去載入 php.ini 作為設定檔的。我們只要選擇其中一個，把它備份，然後重新命名為php.ini，最後加入自己個人化的配置即可。這裡建議將 php.ini-development 檔案備份重新命名為 php.ini 就行，如下圖所示：

最後將如下組態新增至 php.ini 檔案結尾即可。

[xdebug]zend_extension="D:\software\php-8.1.11-Win32-vs16-x64\ext\php_xdebug-3.2.0RC1-8.1-vs16-x86_64.dll"xdebug.remote_enable = 1xdebug.remote_autostart = 1

6 在 VSCode 中設定 PHP#

① 首先安装 PHP Debug 插件，如下图所示：

② 接着点击 文件 -> 首选项 -> 设置，输入 php，并点击“在 settings.json 中编辑”，如下图所示：

③ 然后添加如下配置（记得修改路径）：

"php.validate.executablePath": "D:/software/php-8.1.11-Win32-vs16-x64/php.exe"

④ 随便创建个测试文件夹，用 vscode 打开，新建个 php 文件，如下图所示：

⑤ 设置断点调试，如下图所示：

⑥ 安装插件 PHP Server

这个插件可以让 .php 文件直接右击运行于浏览器中，不需要借助于 xampp 的 Apache。

注意：该插件用于个人测试及小网站的开发是没有任何问题的，不过大型应用还是要配合 Nginx 或 Apache 以达到最高效率。

注意：这里我们在浏览器中输入的是 http://localhost:80/index.php，然而在浏览器地址中为什么显示的却是 localhost/index.php 呢？这是因为浏览网页服务默认的端口号都是 80，因此只需输入网址即可，不用输入": 80"了。另外如果 .php 页面为 index 命名，则只需要在浏览器输入 localhost 即可，因为服务器会自动为我们找到 index.php 这个页面。

最后推荐一些 PHP 的插件，以及其他常用VSCode 必备插件推荐。

更多关于VSCode的相关知识，请访问：vscode基础教程！

以上是手把手教你怎麼在VSCode中搭建PHP開發環境的詳細內容。更多資訊請關注PHP中文網其他相關文章！