前言
[title-plane title=”前言”]本文介绍了 VScode + PHPstudy 配置PHP开发环境的步骤,整理了官方以及优秀第三方的内容,对学习和工作有一定借鉴意义。[/title-plane]
配置过程
1. 下载安装VScode编辑器
- 下载地址:https://code.visualstudio.com
- 安装教程:只需一直点下一步即可,其中有一步是勾选 PATH ,记住打勾
2. 下载安装PHPstudy集成环境
- 下载地址:https://www.xp.cn/download.html
- 安装教程:只需一直点下一步即可
3. 打开PHPstudy,选择界面左侧的软件管理

4. 点击右侧PHP,安装合适的PHP版本

5. 在PHP设置的弹出页面中选择扩展组件,开启XDebug调试组件,记住端口监听端口号

6. 将Apache的启动端口改为8080,再点击WNMP选择合适WEB服务器,最后启动
[start-plane type=”1″]小提示:80端口一般被系统进程占用,故改为8080[/start-plane]

7. 打开VSCode,在欢迎使用界面中找到自定义项目的工具和语言,安装对PHP额外支持。
[start-plane type=”1″]小提示:如果已经安装PHP支持,可以跳过这一步[/start-plane]

8. 打开VSCode的 文件 -> 首选项 -> 设置 -> 扩展 -> 找到PHP插件

9. 分别点击PHP和PHP IntelliSense插件的 settings.json 文件

10. 更改 php.validate.executablePath 和 php.executablePath 属性值
[c-alert type=”success”]
本机路径:D:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe
将phpstudy安装路径中的php.exe文件路径复制到上一步找到的json文件中的 php.validate.executablePath 和 php.executablePath 属性值里
[/c-alert]

11. 更改环境变量
[start-plane type=”1″]此电脑选择属性,高级系统设置,在弹出窗口中将php.exe的文件夹路径D:\phpstudy_pro\Extensions\php\php7.3.4nts添加到环境变量中[/start-plane]

12. 打开cmd,输入php -v;如果出现php版本信息,代表添加成功,否则重新添加

13. 测试是否配置成功
[start-plane type=”1″]打开VSCode,选择打开PHPstudy安装路径下的WWW文件夹:D:\phpstudy_pro\WWW,在打开的文件夹里新建一个test.php文件进行测试;然后点击菜单栏的运行下的启动调试,在下方的调试控制台可以看到输出结果;如果没有显示调试控制台,可以打开菜单栏的终端里的新终端即可[/start-plane]

14. 如果第十三步中VsCode终端控制台没显示,操作此步
[start-plane type=”1″]可以确认一下PHPstudy是否开启服务,然后打开浏览器,在网址栏中输入:http://localhost:8080/test.php,如果显示如下图,则同样配置成功,以后PHP文件放在PHPstudy安装目录中的WWW文件夹里即可[/start-plane]

可能会遇到的错误
1. 如下图 未识别函数等等错误

1. 先尝试安下图解决


2. 重启vscode。
3. 若继续出现以下错误

4. 先关闭vscode。然后

5. 最后打开vscode,运行cnpm run dev。

6. Over,若还没解决,请问度娘其他解决方案,我也无能为力,哈哈。
2. 如下图 浏览器预览时出现PHP源代码

在PHPstudy中配置网站即可。
注意:根目录不能选错。

完成
至此,配置已经全部完成,开始快乐的开发你的PHP程序吧!!