如何用VSCode+phpStudy配置PHP开发环境

如何用Vscode+PHPstudy配置PHP开发环境

PHP7语言的学习,首先需要配置PHP 开发环境。

配置之前,那么我们一定要问自己一个问题,我们所要配置的究竟是什么?

Web服务器

我们在 Web开发中,浏览器向服务器发送一个请求,是谁在处理?是Web服务器。

PHP

那么遇到一些脚本文件,比如.php为后缀的文件,web服务器需要交给php的引擎去处理,至于怎么去给引擎处理,因服务器而不同,所以不同的web服务器配置也不一样。

MySQL

服务器和php打通了以后呢,其实已经可以开发了,但是,如果你要存储一些东西,比如你想记下你亲朋好友的生日,记下你今年的目标,方便你以后再次查看,你就需要数据库了,这时候你就需要打通php和数据库,让你的php可以操作数据库。

这就是我们通常所说的apache+php+MySQL
如何用VSCode+phpStudy配置PHP开发环境

PhpStudy是一个PHP调试环境的程序集成包,他集成了最新的Apache,PHP,MySQL, phpMyAdmin, ZendOptimizer.

进行PHP开发,我们还需要一款源代码编辑器,适合PHP开发的源代码编辑器很多,其中有 Vscode, Sublime Text3,以及商业软件PHPStorm等等,PHPStorm是专门针对PHP开发的源代码编辑器,但是收费,且文件比较大,对于学习者,用轻量级的Vscode和Sublime Text3即可,都是跨平台的编辑器,都是主流的源代码编辑器。

配置之前,可以在php中文网下载phpstudy和vscode软件安装,都是免费开源的。

那么接下来说说怎么用Vscode+PhpStudy配置PHP开发环境:

一,配置phpstudy

1>首先打开phpstudy, 点开软件管理,找到php合适的版本,我选择的是php7.2.9nts, 点击安装,安装之后点开后面的设置,在PHP设置对话框内点开扩展组件,将Xdebug调试组件打开,勾选 profiler输出和trace输出,端口监听9000 记下来。

如何用VSCode+phpStudy配置PHP开发环境

2>phpstudy点开设置,再点开配置文件,找到php.ini, 点开下面的php7.2.9nts, 在打开的文件里面选择编辑-查找,查找内容为Xdebug, 一直按下查找下一个,直到光标定位到xdebug.remote_enable=Off, 将Off改为On,在xdebug.remote_handler=dbgp后面加上一行代码:xdebug.remote_autostart=On,保存文件,关闭。
如何用VSCode+phpStudy配置PHP开发环境
如何用VSCode+phpStudy配置PHP开发环境

3>Phpstudy点开首页,套件Apache点开配置,将启动端口80改为8080,点击确认。因为一般80端口是被系统占用的。再点击一键启动下面WAMP切换,选择MySQL 和 Apache服务器,确认,点击启动。
如何用VSCode+phpStudy配置PHP开发环境

4>PhpStudy点开网站,将域名为localhost后面的管理点开,选择修改,域名为localhost, 端口改为8080,根目录为D:/phpstudy_pro/WWW, PHP 版本选择php7.2.9nts(与前面的一样)。确认。再将WNMP重启。这时,Phpstudy就配置好了。
如何用VSCode+phpStudy配置PHP开发环境
如何用VSCode+phpStudy配置PHP开发环境
二,接下来,配置Vscode。

1>Vscode打开之后,会出来一个欢迎页面,没有的话,点击帮助下面的欢迎使用即可。

在自定义那一栏,点击PHP安装对PHP的支持,确认,如果已经安装了,PHP显示为灰色。

如何用VSCode+phpStudy配置PHP开发环境
如何用VSCode+phpStudy配置PHP开发环境
2>安装插件

快捷键ctrl+shift+x或者点击界面最左边的扩展按钮,搜索以下插件点击安装:

Chinese 汉化, Cold runner 代码运行插件, PHP Debug, PHP IntelliSense , PHP Intelephense , PHP Xdebug
如何用VSCode+phpStudy配置PHP开发环境
3>配置php安装路径。点开文件-首选项-设置,点开用户下面扩展,点击PHP,分别在PHP和PHP IntelliSense的setting.json里面配置php.exe的安装路径,前面为ID号,后面为你安装phpstudy的路径,路径中的斜线要改为向左。再点击扩展下面的Run Code Configuration,将Run in Terminal勾选上,确定。


"php.validate.executablePath": "D:/phpstudy_pro/Extensions/php/php7.2.9nts/php.exe",

"php.executablePath": "D:/phpstudy_pro/Extensions/php/php7.2.9nts/php.exe",

如何用VSCode+phpStudy配置PHP开发环境

如何用VSCode+phpStudy配置PHP开发环境
如何用VSCode+phpStudy配置PHP开发环境
如何用VSCode+phpStudy配置PHP开发环境

三,配置环境变量,此电脑选择属性,高级系统设置,在弹出窗口中将php.exe的文件夹路径D:\phpstudy_pro\Extensions\php\php7.3.4nts添加到环境变量中。
如何用VSCode+phpStudy配置PHP开发环境
四,打开cmd,输入php -v;如果出现php版本信息,代表添加成功,否则重新添加
如何用VSCode+phpStudy配置PHP开发环境

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

如何用VSCode+phpStudy配置PHP开发环境
六,如果第五步中vscode终端控制台没显示,可以确认一下PHPstudy是否开启服务,然后打开浏览器,在网址栏中输入:http://localhost:8080/test.php,如果显示如下图,则同样配置成功,以后PHP文件放在PHPstudy安装目录中的WWW文件夹里即可

如何用VSCode+phpStudy配置PHP开发环境

如何用VSCode+phpStudy配置PHP开发环境

上一篇:netty实现一个简单的聊天室


下一篇:PHP设计模式之命令模式