一、安裝Visual Studio Code
官網:https://code.visualstudio.com/
下載安裝包后,按照默認安裝即可
安裝中文語言環境
點擊左側工具欄的 extensions 或者使用快捷鍵 Ctrl+Shift+X ,輸入chinese,點擊 Install 安裝中文簡體,之后重起 vscode 即可
二、安裝phpstudy
我比較喜歡老版本的,安裝包如下:
鏈接:https://pan.baidu.com/s/1JJ8wkMqvXz0SGES2wU2Wng
提取碼:vup6
新版本可以去官網下載
配置Xdebug
1、打開phpstudy,其他選項菜單->php擴展及設置->php擴展->勾選xdebug
2、修改php.ini,找到你使用的php版本目錄下的php.ini,修改 [XDebug] 的內容
將 zend_extension 目錄修改為你的 xdebug.dll (phpstudy自帶) 的路徑
然后在最后添加
xdebug.remote_enable = on xdebug.remote_autostart = on

修改好后重啟apache, 可以訪問http://127.0.0.1/phpinfo.php來查看xdebug有沒有配置成功

如果 phpinfo 信息里有 xdebug 就說明 php 的 xdebug 配置成功了。
三、配置VScode
指定使用的 php.exe 的路徑
點擊 文件->首選項->設置->擴展->搜索 php

然后打開 setting.json,添加並保存(下面是你自己的php路徑)
"php.validate.executablePath": "D:/PHPTutorial/php/php-5.5.38/php.exe"

安裝 php debug 插件
打開擴展 Extension 界面,搜索PHP Debug,點擊install安裝,在重啟VScode 即可

四、配置 PHP Debug 並測試
這里我們新建一個php文件,並放到網站的根目錄下
<?php echo "hello"; $a=$_POST['a']; ?>
然后用vscode打開他所在的文件夾
注意:PHP Debug 必須通過打開文件夾中的文件才能調試,而且需要是可以訪問的文件夾,直接在VScode中新建的文件是調試不了的。

然后切換到調試 Debug 界面,按 F5 選擇PHP語言環境

然后點擊創建 launch.json(這里它會通過默認配置生成,通常不需要需改)

注意:里面的遠程端口要和php.ini中的設置一致
默認使用的是9000端口,如果端口沖突可以在 php.ini 的 xdebug 下添加如下代碼:
xdebug.remote_port = 9001
然后選擇Listen for XDebug,並點擊綠色小箭頭或按 F5 啟動調試工具
接者在代碼中下一個斷點(點擊行號前面的點即可)
最后在瀏覽器中訪問我們下斷點的頁面,VScode就能夠監聽代碼接收的內容並顯示相關運行結果
這里可以看到代碼運行停在了第3行,$a還沒有被賦值,以及接收到的參數
關於vim插件,導致不能使用ctrl+c的問題
VScode 中默認加載了 VIM 插件
可以在文件->首選項->設置中->搜索 vim.us 將 vim.useCtrlKeys 選項前的勾去掉

配置以新窗口打開文件夾
文件>>首選項>>設置>>窗口>>新建窗口>>Open Folders In New Window>>on 這里設置為on即可

其他的插件
Code Runner
功能:直接在編輯器中運行代碼,查看結果,非常方便,一鍵運行。
只需右鍵運行 run 即可
詳細使用參考:
https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
自定義執行程序的 PATH
{ "code-runner.executorMap": { "javascript": "node", "php": "C:\\php\\php.exe", "python": "python", "perl": "perl", "ruby": "C:\\Ruby23-x64\\bin\\ruby.exe", "go": "go run", "html": "\"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\"", "java": "cd $dir && javac $fileName && java $fileNameWithoutExt", "c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt" } }
在setting.json里加入上面的常用配置
最好將"code-runner.runInTerminal"設置為true,這樣就可以讓程序在終端中執行,就不會出現無法在只讀編輯器輸入的情況了。
也就是將 "code-runner.runInTerminal": true, 添加到setting里

避免每次重復輸出結果。可以在 vscode --文件–設置–首選項,找到 code run,勾上每次 清除上一次結果。

PHP IntelliSense
功能:
智能完善代碼
標簽關鍵字提示
工作區符號搜索
選中參數高亮
轉到定義,函數跳轉即查看
徘徊
找到所有符號
列精確的錯誤報告
安裝和使用都需要php7.1以上環境,在setting里設置即可

使用的時候首先選定類或函數,然后右鍵轉到定義,實現跳轉
(或者ctrl + 左鍵 跳轉到定義 ctrl + 右鍵 查看引用)

PHP Intelephense
與PHP IntelliSense的功能類似,但是不需要php7環境
Theme
用來設置 VScode 的主題,可以直接去插件商店選擇一款好看的(PS:畢竟是常用軟件嘛)
