超详细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

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

智能推荐

class和struct的区别-程序员宅基地

文章浏览阅读101次。4.class可以有⽆参的构造函数，struct不可以，必须是有参的构造函数，⽽且在有参的构造函数必须初始。2.Struct适⽤于作为经常使⽤的⼀些数据组合成的新类型，表示诸如点、矩形等主要⽤来存储数据的轻量。1.Class⽐较适合⼤的和复杂的数据，表现抽象和多级别的对象层次时。2.class允许继承、被继承，struct不允许，只能继承接⼝。3.Struct有性能优势，Class有⾯向对象的扩展优势。3.class可以初始化变量，struct不可以。1.class是引⽤类型，struct是值类型。

android使用json后闪退,应用闪退问题：从json信息的解析开始就会闪退-程序员宅基地

文章浏览阅读586次。想实现的功能是点击顶部按钮之后按关键字进行搜索，已经可以从服务器收到反馈的json信息，但从json信息的解析开始就会闪退，加载listview也不知道行不行public abstract class loadlistview{public ListView plv;public String js;public int listlength;public int listvisit;public..._rton转json为什么会闪退

如何使用wordnet词典，得到英文句子的同义句_get_synonyms wordnet-程序员宅基地

文章浏览阅读219次。如何使用wordnet词典，得到英文句子的同义句_get_synonyms wordnet

系统项目报表导出功能开发_积木报表多线程-程序员宅基地

文章浏览阅读521次。系统项目报表导出导出任务队列表 + 定时扫描 + 多线程_积木报表多线程

ajax 如何从服务器上获取数据？_ajax 获取http数据-程序员宅基地

文章浏览阅读1.1k次，点赞9次，收藏9次。使用AJAX技术的好处之一是它能够提供更好的用户体验，因为它允许在不重新加载整个页面的情况下更新网页的某一部分。另外，AJAX还使得开发人员能够创建更复杂、更动态的Web应用程序，因为它们可以在后台与服务器进行通信，而不需要打断用户的浏览体验。在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种常用的技术，用于在不重新加载整个页面的情况下，从服务器获取数据并更新网页的某一部分。使用AJAX，你可以创建异步请求，从而提供更快的响应和更好的用户体验。_ajax 获取http数据

Linux图形终端与字符终端-程序员宅基地

文章浏览阅读2.8k次。登录退出、修改密码、关机重启_字符终端

随便推点

Python与Arduino绘制超声波雷达扫描_超声波扫描建模 python库-程序员宅基地

文章浏览阅读3.8k次，点赞3次，收藏51次。前段时间看到一位发烧友制作的超声波雷达扫描神器，用到了Arduino和Processing，可惜啊，我不会Processing更看不懂人家的程序，咋办呢？嘿嘿，所以我就换了个思路解决，因为我会一点Python啊，那就动手吧！在做这个案例之前先要搞明白一个问题：怎么将Arduino通过超声波检测到的距离反馈到Python端？这个嘛，我首先想到了串行通信接口。没错！就是串口。只要Arduino将数据发送给COM口，然后Python能从COM口读取到这个数据就可以啦！我先写了一个测试程序试了一下，OK！搞定_超声波扫描建模 python库

凯撒加密方法介绍及实例说明-程序员宅基地

文章浏览阅读4.2k次。端—端加密指信息由发送端自动加密，并且由TCP/IP进行数据包封装，然后作为不可阅读和不可识别的数据穿过互联网，当这些信息到达目的地，将被自动重组、解密，而成为可读的数据。不可逆加密算法的特征是加密过程中不需要使用密钥，输入明文后由系统直接经过加密算法处理成密文，这种加密后的数据是无法被解密的，只有重新输入明文，并再次经过同样不可逆的加密算法处理，得到相同的加密密文并被系统重新识别后，才能真正解密。2．使用时，加密者查找明文字母表中需要加密的消息中的每一个字母所在位置，并且写下密文字母表中对应的字母。_凯撒加密

工控协议--cip--协议解析基本记录_cip协议embedded_service_error-程序员宅基地

文章浏览阅读5.7k次。CIP报文解析常用到的几个字段：普通类型服务类型:[0x00], CIP对象:[0x02 Message Router], ioi segments:[XX]PCCC（带cmd和func）服务类型:[0x00], CIP对象:[0x02 Message Router], cmd:[0x101], fnc:[0x101]..._cip协议embedded_service_error

如何在vs2019及以后版本(如vs2022)上添加添加ActiveX控件中的MFC类_vs添加mfc库-程序员宅基地

文章浏览阅读2.4k次，点赞9次，收藏13次。有时候我们在MFC项目开发过程中，需要用到一些微软已经提供的功能，如VC++使用EXCEL功能，这时候我们就能直接通过VS2019到如EXCEL.EXE方式，生成对应的OLE头文件，然后直接使用功能，那么，我们上篇文章中介绍了vs2017及以前的版本如何来添加。但由于微软某些方面考虑，这种方式已被放弃。从上图中可以看出，这一功能，在从vs2017版本15.9开始，后续版本已经删除了此功能。那么我们如果仍需要此功能，我们如何在新版本中添加呢。_vs添加mfc库

frame_size (1536) was not respected for a non-last frame_frame_size (1024) was not respected for a non-last-程序员宅基地

文章浏览阅读785次。用ac3编码，执行编码函数时报错入如下：[ac3 @ 0x7fed7800f200] frame_size (1536) was not respected for anon-last frame (avcodec_encode_audio2)用ac3编码时每次送入编码器的音频采样数应该是1536个采样，不然就会报上述错误。这个数字并非刻意固定，而是跟ac3内部的编码算法原理相关。全网找不到，国内音视频之路还有很长的路，音视频人一起加油吧～......_frame_size (1024) was not respected for a non-last frame

Android移动应用开发入门_在安卓移动应用开发中要在活动类文件中声迷你一个复选框变量-程序员宅基地

文章浏览阅读230次，点赞2次，收藏2次。创建Android应用程序一个项目里面可以有很多模块，而每一个模块就对应了一个应用程序。项目结构介绍_在安卓移动应用开发中要在活动类文件中声迷你一个复选框变量