1、安装VScode和PHPstudy

VScode安装:https://code.visualstudio.com/
PHPstudy安装:https://www.xp.cn/download.html

2、配置PHPStudy

为了让PHP能够被调试,需要安装XDebug。

记住端口监听号是9000,点击确认。

【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_编辑器

在PHPStudy首页启动WNMP三件套的服务。

【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_sql_02

创建一个本机网站并选择对应的PHP版本

【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_PHP_03

PS:

如果PHPStudy无法启动Mysql,可能是与本机原本安装的Mysql冲突了,

可以在服务里手动指定选择对应的Mysql版本安装。

【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_编辑器_04

PS:PHP环境变量配置

此电脑选择属性,高级系统设置,在弹出窗口中将php.exe的文件夹路径C:\phpstudy_pro\Extensions\php\php7.3.4nts添加到环境变量PATH中。

在终端中输入 php -v可以看到版本后测试通过

【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_php_05


【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_编辑器_06

3、配置VSCode

扩展面板中进行搜索PHP插件并安装,

主要是PHP Debug 和 PHP IntelliSense 和 Open PHP/HTML/JS In Browser

PHP Debug用于连接PHP编译

PHP IntelliSense用于PHP智能完善代码

Open PHP用于连接网站

【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_编辑器_07

【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_sql_08


【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_vscode_09

依次打开文件,首选项,设置,扩展,找到PHP插件,开始配置
分别点击PHP和PHP IntelliSense插件的 settings.json 文件,翻到最下面
将php.exe的文件夹路径添加到Path环境变量中(php.exe的文件夹即可)

例如:
"php.validate.executablePath": "C:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe;",
"php.executablePath": "C:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe;"

【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_PHP_10


【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_编辑器_11

将Open PHP的目录修改到小皮的WWW下

【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_编辑器_12

4、效果

【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_vscode_13

【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_php_14


【编辑器】VSCode+PHPstudy环境配置,PHP简易开发环境搭建_编辑器_15