php用vscode开发,VSCode PHP开发

2020-12-25 15:00:00

VSCode PHP开发

采用 VsCode 搭建 PHP 7.2 开发调试环境，不使用外部http服务器。

环境安装

VSCode (本文1.52作为演示)

PHP (本文以7.2.34线程安全版本作为演示：VC15 x64 Thread Safe)

解压到任意目录，如：D:\php\7.2.34

XDebug (找到PHP对应版本如：PHP 7.2 VC15 TS (64 bit))

复制php_xdebug-3.0.1-7.2-vc15-x86_64.dll到D:\php\7.2.34\ext

VSCode插件安装

PHP Extension Pack (最新版，目前是1.0.2)

PHP Server(最新版，目前是v3.0.1)

配置

配置XDebug

进入D:\php\7.2.34目录，复制php.ini-development文件到当前文件夹并改名为php.ini。

记事本打开php.ini，找到; extension_dir = "ext"这一行，删除前面的;；另外找到[XDebug]节点(没有则新建)，添加以下内容：(这个zend_extension的内容就是dll文件名去掉"php_")，具体字段意义参考这里

[XDebug]

zend_extension=xdebug-3.0.1-7.2-vc15-x86_64

xdebug.mode=debug

xdebug.start_with_request=true

xdebug.idekey="php-vs"

在当前目录，使用php -m命令可以测试一下，出现下面的文字表示配置正确：

[Zend Modules]

Xdebug

配置VSCode

VsCode配置(settings.json)，在合适位置增加以下内容：

"php.validate.executablePath": "D:\\php\\7.2.34\\php.exe",

"phpserver.phpPath": "D:\\php\\7.2.34\\php.exe"

开发

新建PHP工程

打开VsCode，打开任意文件夹作为php工程目录。

新建php文件，如test.php，并编写php代码：

在test.php代码区单击鼠标右键，选择PHP Server：Serve Project，此时浏览器会自动打开，显示当前php页面内容。

调试

切换到运行栏(Ctrl+Shift+D)，单击Create a launch.json file，在弹出的列表中选择PHP。

在打开的launch.json文件中，修改"port": 9003，保存文件。(新版的xdebug默认端口由9000改成了9003。

切换到php文件上，如test.php，下好断点，点击F5运行(这里的运行指的是调试器，所以不会弹出新页面)，然后去手动刷新浏览器页面即可(这里的页面是刚才用PHP Server插件打开的页面)。

修改php代码后，自动刷新打开的页面(非必要)

VsCode安装Live Server插件。

在Settings中，找到Live Server › Settings: Use Web Ext，勾上。

浏览器安装Live Server Web Extension插件。

对Live Server Web Extension做以下设置：打开Live Reload开关

Actual Server Address(设置为:http://localhost:3000，这是PHP Server服务器地址，需要和PHP Server插件打开的浏览器上的地址一致)

Live Server Address(设置为:http://localhost:5500，这是Live Server服务器地址)

回到test.php，按快捷键Alt+L Alt+O，会启动Live Server服务，此时会打开一个新页面，不管他。

回到test.php，用PHP Server插件启动服务，然后修改代码便可以自动刷新了。