超详细Visual Studio Code配置PHP开发环境 / 如何运行HTML,PHP文件_visual studio code php-程序员宅基地

技术标签： web VSCode 系统/环境配置/软件安装 php vs 后台 / 网站搭建 / PHP

文章目录

- - （一）VSCode如何新建一个HTML文件并在网页打开？
  - （二）VSCode配置PHP开发环境

（一）VSCode如何新建一个HTML文件并在网页打开？

新建文件命名为xxx.html，得到一个空白文件。
输入英文感叹号 ! +Tab键，自动写入HTML模板。
查看运行情况：
点击扩展，安装一个名为open in browser的插件。
这款插件的使用方式在默认浏览器中打开是：Alt + B，在其他浏览器中显示是：Shift+Alt+B。
回到我们刚开始建的HTML文件，在文件中鼠标右键单击，在右键菜单中选择对应选项/快捷键即可。

问：vscode在编译网页时网页一直显示空白？

答：vscode需要保存后在运行才可以生效的（默认ctrl+s）但是！我们可以借助插件实现这一过程的自动化：
（1）实现代码自动保存功能：“文件—首选项—设置”修改AutoSave和Delay时间
在这里插入图片描述
（2）实现代码修改后网页自动更新内容，不再需要手动刷新网页：下载插件 Live Server

然后在.html中右键选择：

跳转到以下页面：

注意地址栏：一个真正的服务器地址，模拟项目真实上线后的环境，对比之前的运行方法地址栏是什么样子：你本机的磁盘地址。
在这里插入图片描述

（二）VSCode配置PHP开发环境

（1）在VSCode首页，可以点击自定义，选择安装对PHP语言的支持
在这里插入图片描述
搜索PHP插件查看，会发现，为我们安装了以下三个：

（2）除了上述，还需要下载一个Xdebug插件

（3）指定php的路径：文件->首选项->设置

鼠标放上去，选择“复制设置id”

“在setting.json”中编辑：将id粘贴进来，把php.exe路径写下来：
在这里插入图片描述
ctrl +S 保存即可

（4）调试：
1.先打开php文件，在指定行按F9设置断点。注意：一定要以打开文件夹的形式才能成功设置断点调试，单个文件无效。
2.点击齿轮，选择php–>选择listen for xdebug：
在这里插入图片描述
3.开始调试后，出现一个下面的框：

测试配置是否正确，可以在cmd窗口，执行netstat -an 看本机是否有监听 9000端口。
（5）在浏览器访问可调试网页：http://localhost/test/test.php或者http://127.0.0.1/test/test.php

注：
我的PHP项目路径：E:\phpstudyInstall\phpstudy_pro\WWW\test\test.php （当前项目内只有一个test.php文件和自动生成的.vscode文件夹）
在这里插入图片描述

本文链接：https://blog.csdn.net/Quest_sec/article/details/105386550

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

BAT批处理创建文件桌面快捷方式_批处理创建桌面快捷方式-程序员宅基地

文章浏览阅读1.5w次，点赞9次，收藏26次。简介一个创建某个文件到桌面快捷方式的BAT批处理.代码@echooff::设置程序或文件的完整路径（必选）setProgram=D:\Program Files (x86)\格式工厂.4.2.0\FormatFactory.exe::设置快捷方式名称（必选）setLnkName=格式工厂v4.2.0::设置程序的工作路径，一般为程序主目录，此项若留空，脚本将..._批处理创建桌面快捷方式

射频识别技术漫谈（6-10）_芯片 ttf模式-程序员宅基地

文章浏览阅读2k次。射频识别技术漫谈（6-10），概述RFID的通讯协议；射频ID卡的原理与实现，数据的传输与解码；介绍动物标签属性与数据传输；RFID识别号的变化等_芯片 ttf模式

Python 项目实战 —— 手把手教你使用 Django 框架实现支付宝付款_django 对接支付宝接口流程-程序员宅基地

文章浏览阅读1.1k次。今天小编心血来潮，为大家带来一个很有趣的项目，那就是使用 Python web 框架 Django 来实现支付宝支付，废话不多说，一起来看看如何实现吧。_django 对接支付宝接口流程

Zabbix 5.0 LTS在清理历史数据后最新数据不更新_zabbix问题没有更新-程序员宅基地

文章浏览阅读842次。Zabbix 5.0 LTS，跑了一年多了一直很稳定，前两天空间显示快满了，于是手贱清理了一下history_uint表（使用mysql truncate），结果折腾了一周。大概故障如下：然后zabbix论坛、各种群问了好久都没解决，最后自己一番折腾似乎搞定了。初步怀疑，应该是由于历史数据被清空后，zabbix需要去处理数据，但是数据量太大，跑不过来，所以来不及更新了（？）..._zabbix问题没有更新

python学习历程_基础知识（2day）-程序员宅基地

文章浏览阅读296次。一、数据结构之字典 key-value

mybatis-plus字段策略注解strategy_mybatisplus strategy-程序员宅基地

文章浏览阅读9.7k次，点赞3次，收藏13次。最近项目中遇到一个问题，是关于mybatis-plus的字段注解策略，记录一下。1问题调用了A组件（基础组件），来更新自身组件的数据，发现自己组件有个字段总是被清空。2原因分析调用的A组件的字段，属于基础字段，自己业务组件，对这个基础字段做了扩展，增加了业务字段。但是在自己的组件中的实体注解上，有一个注解使用错误。mybatis-plus封装的updateById方法，如果..._mybatisplus strategy