您现在的位置是:首页 > 技术教程 正文

php小白使用php集成环境(小皮),并使用vscode调试代码

admin 阅读: 2024-03-16
后台-插件-广告管理-内容页头部广告(手机)

1.编写背景

        来到公司接手了一个thinkPHP7.3后台,vue3前端的一个项目,然后开始了解php环境语法等。也看了很多的介绍,其实嗷比较的杂,对于一个前端的哥们来说习惯了使用vscode所以就还是比较难以接受,所以我讲一下我在使用小皮面板(phpstudy_pro)来调试代码的过程和其中踩的坑。当使前端学会使用了vscode的本地调试,你会打开新世界的大门。

2.环境准备

        1.vscode:这个直接去官网下载一个vscode的安装包就ok了。

        2.小皮面板: 官网下载,安装时选择自己需要的环境就好了,这个都默认下一步也可以。

        我目前使用的是nginx和mysql配置都不用改,如果有特殊需求那么自己改了也可以

这里是所有需要使用的包,根据自己需求下载,当然也有默认的,默认的也可以使用,然后就是这个比较重要,这个是来管理php的包的,类似于npm,就是下载和删除的。

3.配置

        1.小皮面板配置:

                这里面的配置主要是对于php的配置

                第一步是在环境变量中配置php路径,在path中这个应该知道哦。

            

                这个路径就是你下载的小皮面板的安装路径的,然后确认之后在命令行输入php -v能看到显示版本就说明php配置好了。

                1.先新建一个网站

        注意!!!!这里的根目录在你安装的小皮的/WWW/之下创建你的项目不然它(小皮)找不到。

  1. location / {
  2. add_header Access-Control-Allow-Origin *;
  3. index index.html;
  4. try_files $uri $uri/ /index.html;
  5. if (!-e $request_filename){
  6. rewrite ^(.*)$ /index.php?s=$1 last;
  7. break;
  8. }
  9. }

       其他没介绍的直接默认。如果想搞其他的也可以去搜怎么设置,但是我一般没用,比如错误日志什么的,这个我直接断点查看的。

        ok建好了。这时候你去访问http://127.0.0.1:80就能访问到了。

   

        设置小皮的调试

        点击上图的管理->php扩展->xdebug 点上然后再点开看下一是否被勾选上了,小皮面板phpstudy(最新版本v8系列)配置xdebug教程(待更新)去看一下哦,配置也可以跟我的不一样。

        

        然后再配置文件中找到php.ini打开你选择的php版本文件(当然你也可以找到他的文件路径再打开)

        

  1. [Xdebug]
  2. zend_extension="你的路径\phpstudy_pro\Extensions\php\php7.3.4nts\ext\php_xdebug.dll" //这是你xdebug的路径
  3. xdebug.collect_params=1
  4. xdebug.collect_return=1
  5. xdebug.auto_trace=On
  6. xdebug.trace_output_dir=你的路径/phpstudy_pro/Extensions/php_log/php7.3.4nts.xdebug.trace //你的php路径
  7. xdebug.profiler_enable=On
  8. xdebug.profiler_output_dir ="你的路径\phpstudy_pro\Extensions\tmp\xdebug"
  9. xdebug.remote_enable=On
  10. xdebug.remote_host=localhost
  11. xdebug.remote_port=9003 // 你将要把信息传递到哪一个端口,如果你的vscode不监听这个端口那么这个端口不会被占用
  12. xdebug.remote_handler=dbgp
  13. xdebug.idekey=PHPSTORM
  14. xdebug.cli_color=2
  15. xdebug.remote_log=你的路径\phpstudy_pro\Extensions\php_log\xdebug.log //错误日志路径
  16. xdebug.remote_connect_back=On

        配置完成之后将保存然后重启一下网站,查看配置成功没有的方式:在你的项目的public下面新建一个  随便命名.php,其中输入

  1. <?php
  2. phpinfo();
  3. ?>

        然后浏览器输入http://127.0.0.1:80/随便命名,就会弹出一个网页。你就看xdebug有没有配置好的信息,出什么问题再查就ok了。

        现在小皮就不用管了; 

        2.vscode debugger配置:

                主要是调试的配置和插件的下载

                 先下载这几个插件

然后在php debug的扩展设置中设置一下

  1. // 在外面加上这三行就好了,这些都是你的路径,要使用绝对路径
  2. "php.validate.executablePath": "你的路径/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe",
  3. "php.debug.executablePath": "127.0.0.1",
  4. "php.executablePath": "你的路径/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe",
  5. "open-php-html-js-in-browser.documentRootFolder": "你的路径\\phpstudy_pro\\WWW",

              最后一步

        

  1. // 这个在vscode的调试的setting中设置,应该找的到吧。。。。
  2. {
  3. "name": "远程调试",
  4. "type": "php",
  5. "request": "launch",
  6. "port": 9003,// 这个端口就是在小皮面板中设置的端口debug端口
  7. "pathMappings": {
  8. "/www/wwwroot/thinkphp5/": "${你的路径/phpstudy_pro/WWW/new_admin/public}/"
  9. },
  10. "hostname": "127.0.0.1"
  11. },

        配置之后就重启一下vscode,然后在你需要的地方打上断点,就ok了。

        没有进入断点问题排查:1.查看xdebug的端口设置对了没有。2.查看在xdebug的错误日志。3.是否运行了这个文件,就是你需要调试的文件。啊。。。。

        注意!!!!

        1.在点击运行网站的过程中要保证网站的端口是否可用。

        2.xdebug的新老版本的差距还是很大,某些参数已经被淘汰,如果你的php版本更高,那么就在之上转发的网页学习怎么安装xdebug,因为thinkPHP的版本更新某些api的兼容性不一。

        3.php是世界上最好的语言.js

错误肯定是有错误的,欢迎指正!

标签:
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

在线投稿:投稿 站长QQ:1888636

后台-插件-广告管理-内容页尾部广告(手机)
关注我们

扫一扫关注我们,了解最新精彩内容

搜索
排行榜