VS Code 快捷打开(localhost)PHP页面

最新推荐文章于 2025-07-06 09:32:52 发布
原创 最新推荐文章于 2025-07-06 09:32:52 发布 · 3.9k 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #php #前端

本文介绍了一种在VSCode中快速打开localhost项目的简便方法。首先需要安装特定插件，之后通过简单的配置即可实现根据文件名自动打开相应文件的功能。

VS Code 快捷打开localhost

1.下载插件

记住是貌似与篮球的这么个玩意

在这里插入图片描述

2.配置环境

点击设置按钮 然后弹出来对话框
对话框中点击设置
然后点击拓展

在这里插入图片描述

3.配置域名

找到刚才现在的插件 在里边的Folder里输入你phpstudy_Pro中的www目录即可
他会根据你的文件名自动打开文件
在这里插入图片描述

4.成品

在这里插入图片描述

VS Code官方文档-2.安装
blog.songjiahao.com
06-03 1278
获取并运行VS Code是非常简单快捷的，你只需要下载一个小小的安装包，然后花上几分钟安装一下就可以开始使用了。
【愚公系列】2024年03月 《CTF实战：从入门到提升》 004-Web安全基础知识（基础工具使用）
热门推荐
时光隧道
02-26 9万+
CTF（Capture The Flag）是一种网络安全竞赛，参赛者通过解决一系列与网络安全相关的问题，获取旗帜并积分。CTFWeb安全基础工具则是在CTF中用于进行Web安全攻防的工具。作用和意义描述简化攻防过程CTFWeb安全基础工具提供了各种自动化和半自动化的工具，可以帮助参赛者快速进行渗透测试、漏洞挖掘和攻击。这些工具可以简化繁琐的攻击过程，提高效率。快速发现漏洞CTFWeb安全基础工具集成了各种漏洞扫描和渗透测试工具，可以帮助参赛者快速发现Web应用程序中的漏洞。
在VS code中打开网页预览
N丶Z丨的博客
11-23 1万+
在VS code中打开网页预览 在平时进行前端设计的时候，你是否会因为无法实时观察到网页的变化而苦恼，每一次都要重新打开html文件的过程过于繁琐，现在就有一种新的方式能够让你在coding的时候实时观察到网页效果的变化。 Live Server 我们首先需要安装live server插件 安装完成后，我们右键你创建的html文件会有一个open with live server选项 点击那个选项就会使用默认浏览器打开你的html文件 打开文件效果： 但是这样你就需要保持这个浏览器窗口一直在你编辑器的
VScode里像webstorm一样在localhost打开页面的方法
JasonWuuu的博客
02-26 9493
VScode里像webstorm一样在localhost打开页面的方法 今天在vscode里写html引入js和less之后直接打开发现并不能正常显示，还报了Access to XMLHttpRequest at ‘file:///Users/…’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests a...
vscode 调试html页面s无法访问此网站 localhost 拒绝了我们的连接请求
m0_71959044的博客
12-08 7121
vscode 调试html页面s无法访问此网站 localhost 拒绝了我们的连接请求
一键打开vs中的网站
diligentcat的专栏
09-26 1534
一键打开ASP.NET WEB网站项目 作者：lerit  来源：博客园  发布时间：2011-02-16 09:22  阅读：214 次  原文链接   [收藏]   通常情况下，在开发一个asp.net的WEB网站时，若要打开WEB网站，首先要打开开发平台，选择菜
VS Code单元测试集成
[VS Code单元测试集成](https://antonshell.me/resources/img/posts/php-code-coverage/3.png) # 1. VS Code单元测试集成概述 在现代软件开发过程中，单元测试已经成为确保代码质量的关键环节之一。通过使用集成...
php2018怎么打开
最新发布
07-10
3. 打开浏览器，在地址栏输入 `http://localhost`，如果看到 XAMPP 的欢迎页面，则说明服务已经成功启动[^2]。 ### phpStudy phpStudy 是国内常用的 PHP 快速搭建工具，其界面友好且易于使用： 1. 双击桌面快捷方式...
1、探索Eclipse与PHPEclipse：PHP开发的理想组合
s1t2u3的博客
07-06 54
本文介绍了Eclipse平台及其PHPEclipse插件在PHP开发中的应用。Eclipse凭借其可扩展性、免费和跨平台特性，结合PHPEclipse对PHP开发的支持，为开发者提供了一个高效、专业的开发环境。文章详细分析了Eclipse与IDE的优势、架构、安装步骤及PHP开发的具体操作，包括项目创建、代码编写、调试测试等内容，旨在帮助开发者提升PHP开发效率和代码质量。
如何在Visual Studio Code中通过LocalHost打开html文件
稀饭
05-01 6588
最近这几天开学React前端框架，然后就在B站找到了一个入门视频，开始了学习，在React学习视频中，我看那个老师使用的是Visual Studio Code来写前端代码，于是我就立刻下载了Visual Studio Code，但是在这个学习视频中，我发现老师直接打开html文件居然是localhost的，而我自己打开的file，这个开始我并没有在意，但是在后面学习的过程中，我遇到了一个问题，就...
vscode快速打开html页面_21个极大提高开发效率的VS Code快捷键
weixin_30199835的博客
01-13 2633
做为前端开发者来说，大都数都用过 VSCode，并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道，也比较少用，毕竟这很好，因此本文就列出一些快捷键方便大家学习与记忆。在这篇文章中，我将列出我最喜欢的快捷键，这些快捷键让我更快的编写代码，也让编码变得更有趣，以下是21 个 VSCode 快捷键，分享给你。注意：自己尝试的时候，Mac(17, pro) 与原文提供的快捷键盘不太一样...
OpenAI最新官方ChatGPT聊天插件接口《插件示例demo》全网最详细中英文实用指南和教程，助你零基础快速轻松掌握全新技术（四）（附源码）
小胡说人工智能的博客
04-21 3676
在ChatGPT中学习构建插件是一个有趣和富有挑战性的过程。通过使用官方提供的四个例子，我们可以逐步了解如何构建ChatGPT插件，从而更好地理解插件的规范使用。无论您是新手还是经验丰富的开发人员，让ChatGPT带你飞！说不定你就是下一个亿级应用的先驱。
vscode非调试运行打开提示以本地端口localhost 拒绝了我们的连接请求
m0_56996859的博客
03-27 7916
应该这是安装了node.js的问题 以非调试运行打开会是以localhost：8080本地端口方式打开 这个时候会自动给你下载launch.json文件 把这个文件删除就OK了
VS Code 添加chrome调试及localhost 拒绝连接请求问题
lizz2276的博客
06-01 1987
二、打开活动栏上Debugger Run模块，点击create a launch.json 选择Chrome环境，如下图。3、默认launch.json，如下图 （Add Configuration...可添加新的配置）一、打开VS Code的EXTENSIONS，安装Debugger for Chrome，如下图。5、运行结果会出现无法访问此网站 localhost 拒绝连接请求问题，如下图。4、点击左边绿色按钮运行项目，项目代码及运行后界面如下图。
vscode vue项目设置代理为locahost 始终无法连接本地项目
u012497072的博客
01-07 1041
将localhost改为127.0.0.1即可
vscode启动layui
Lee_Shi的博客
04-03 5505
1、首先在VSCode 上装一个插件：Debugger for Chrome ，如下图所示：在搜索框中输入Debugger for Chrome 然后点击安装 debugconfig配置 { "version": "0.2.0", "configurations": [ { "type": "chrome", ...
无需托管即可通过移动设备访问您的 Localhost 网站！
Dc253061007的博客
03-28 449
大家好，这里是！点击上方关注，添加“”，一起学习大厂前沿架构！你有没有想过如何访问本地主机上的手机网页。所以今天我们将讨论如何在不实际托管的情况下在手机上查看同一网页。
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端大斗师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值