前言

[title-plane title=”前言”]本文介绍了 VScode + PHPstudy 配置PHP开发环境的步骤,整理了官方以及优秀第三方的内容,对学习和工作有一定借鉴意义。[/title-plane]

配置过程

1. 下载安装VScode编辑器

2. 下载安装PHPstudy集成环境

3. 打开PHPstudy,选择界面左侧的软件管理

https://ae01.alicdn.com/kf/Uc9b277dbb2b74ec0968fdc50f70c3fabz.jpg

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

https://ae01.alicdn.com/kf/Ue8a4e885b48c4723bbe038ac20d8a68cj.jpg

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

https://ae01.alicdn.com/kf/Uf5fbc0e89136492ab610e9051261f88dO.jpg

6. 将Apache的启动端口改为8080,再点击WNMP选择合适WEB服务器,最后启动

[start-plane type=”1″]小提示:80端口一般被系统进程占用,故改为8080[/start-plane]

https://ae01.alicdn.com/kf/Udb36354dc7f04ffdad0d903dad9bd944y.jpg

7. 打开VSCode,在欢迎使用界面中找到自定义项目的工具和语言,安装对PHP额外支持。

[start-plane type=”1″]小提示:如果已经安装PHP支持,可以跳过这一步[/start-plane]

https://ae01.alicdn.com/kf/U5045bcac2a544d04af1d1e9c8aed2b51c.jpg

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

https://ae01.alicdn.com/kf/U2717de055a0443759eeace25ea60f6beF.jpg

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

https://ae01.alicdn.com/kf/U130749a670d642608c929d754d1f9c0cu.jpg

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]

https://ae01.alicdn.com/kf/Ufff159cfe4c04a69949f6ab18e0e6f22i.jpg

11. 更改环境变量

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

https://ae01.alicdn.com/kf/U4e76d0e84b754802aec7c69bed4ba295c.jpg

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

https://ae01.alicdn.com/kf/Ud265191802ae4f8fb5fc095cd8b963dcd.jpg

13. 测试是否配置成功

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

https://ae01.alicdn.com/kf/Ua45c1f324f994ed5b8f91c7a85ec5954L.jpg

14. 如果第十三步中VsCode终端控制台没显示,操作此步

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

https://ae01.alicdn.com/kf/U1ca07a86b4a74a0cba5869dd5bc37bc1x.jpg

可能会遇到的错误

1. 如下图 未识别函数等等错误

https://ae01.alicdn.com/kf/Ue4b9599274c84d38aa5caddec882e3f4H.jpg

[c-alert type=”success”]参考解决方案如下:[/c-alert]

1. 先尝试安下图解决

https://ae01.alicdn.com/kf/Udec2c06240b94459b9fe7b44b02909552.jpg
https://ae01.alicdn.com/kf/U1ab3e5c5c6a7470d8c9f638ba1df3550G.jpg

2. 重启vscode。

3. 若继续出现以下错误

https://ae01.alicdn.com/kf/Uf3f39bd73d234509bba060af97601350C.jpg

4. 先关闭vscode。然后

https://ae01.alicdn.com/kf/Uc3e0a9e741564c748f2052fb25f425bbn.jpg

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

https://ae01.alicdn.com/kf/U30baac5ffa9849e59a11e0d7f6be5df3m.jpg

6. Over,若还没解决,请问度娘其他解决方案,我也无能为力,哈哈。

2. 如下图 浏览器预览时出现PHP源代码

https://ae01.alicdn.com/kf/U2090ca117aa94dc6ace3ca35fab856c5v.jpg
[c-alert type=”success”]参考解决方案如下:[/c-alert]

在PHPstudy中配置网站即可。

注意:根目录不能选错。

https://ae01.alicdn.com/kf/Ua1232297c3604e9a8f1dec30036bb477C.jpg

完成

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