VSCode PHP开发

VSCode PHP开发

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

环境安装

  1. VSCode (本文1.52作为演示）
  2. PHP （本文以7.2.34线程安全版本作为演示：VC15 x64 Thread Safe)

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

  1. 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插件安装

  1. PHP Extension Pack (最新版，目前是1.0.2)
  2. PHP Server（最新版，目前是v3.0.1）

配置

配置XDebug

  1. 进入D:\php\7.2.34目录，复制php.ini-development文件到当前文件夹并改名为php.ini。
  2. 记事本打开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"
  1. 在当前目录，使用php -m命令可以测试一下，出现下面的文字表示配置正确：
   [Zend Modules]
    Xdebug

配置VSCode

  1. VsCode配置（settings.json），在合适位置增加以下内容：
    "php.validate.executablePath": "D:\\php\\7.2.34\\php.exe",
    "phpserver.phpPath": "D:\\php\\7.2.34\\php.exe"

开发

新建PHP工程

  1. 打开VsCode，打开任意文件夹作为php工程目录。
  2. 新建php文件，如test.php，并编写php代码：
   <?php phpinfo();?>
  1. 在test.php代码区单击鼠标右键，选择PHP Server：Serve Project，此时浏览器会自动打开，显示当前php页面内容。

调试

  1. 切换到运行栏（Ctrl+Shift+D），单击Create a launch.json file，在弹出的列表中选择PHP。
  2. 在打开的launch.json文件中，修改"port": 9003，保存文件。（新版的xdebug默认端口由9000改成了9003。
  3. 切换到php文件上，如test.php，下好断点，点击F5运行（这里的运行指的是调试器，所以不会弹出新页面），然后去手动刷新浏览器页面即可（这里的页面是刚才用PHP Server插件打开的页面）。

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

  1. VsCode安装Live Server插件。

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

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

  4. 对Live Server Web Extension做以下设置：

    打开Live Reload开关

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

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

  1. 回到test.php，按快捷键Alt+L Alt+O，会启动Live Server服务，此时会打开一个新页面，不管他。
  2. 回到test.php，用PHP Server插件启动服务，然后修改代码便可以自动刷新了。

blogroll

social