使用HTTP协议开发，安装VS Code的插件：live server

最新推荐文章于 2024-06-02 21:41:04 发布
最新推荐文章于 2024-06-02 21:41:04 发布
阅读量243 收藏
点赞数
文章标签： web http javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44293949/article/details/118994464
版权

在平时写代码中，我们通过浏览器查看的页面是file协议，在实际开发中会产生很多问题，则要将协议改成HTTP协议，就安装此插件live Server
在这里插入图片描述
右键选择 “open with Live Server” 即可
在这里插入图片描述

如果需要关闭live server，只需要在编辑器右下角点击：
在这里插入图片描述

哇咔君i
关注
VSCode（Visual Studio Code）和Chinese、Live Server插件的下载、安装及使用
Satellite_Q的博客
03-21 7819
vscode全称：Visual Studio Code。它是Microsoft公司在美国的一个项目:一个跨平台的源代码编辑器,用于在Mac OS X,Windows和Linux上运行的现代Web和云应用程序。通俗地说,是一款编辑器。vscode集成了现代编辑器应具有的所有功能，包括语法突出显示，可自定义的热键绑定，括号匹配和代码片段集合，该编辑器还具有开箱即用的Git支持。
充分利用VS Code丰富的插件生态系统，可以通过安装其他有用的插件来进一步提高工作效率和开发体验
06-28
除了基本的C/C++环境配置外，还可以探索VS Code的插件市场，安装其他有用的插件来进一步提升开发体验，比如： 1. **Code Runner**：允许在编辑器内部直接运行代码。 2. **Auto Close Tag**和**Auto Rename Tag**：...
实时更新Visual Studio Code工具与浏览器HTML修改同步更新-live-server的使用
最新发布
07-16
实时更新Visual Studio Code工具与浏览器HTML修改同步更新_live_server的使用
【VSCode】插件推荐 - Live Server
m0_49239264的博客
06-02 1300
简单易用：您可以通过在VSCode的侧边栏中找到Live Server插件，点击"Go Live"按钮或在HTML文件上右键选择"Open with Live Server"来启动服务。自动刷新功能：当您在VSCode中编辑HTML、CSS或JavaScript文件并保存更改时，Live Server会自动在浏览器中刷新页面，让您立即看到最新的变化。多浏览器支持：Live Server支持在不同的浏览器上运行，您可以在插件设置中指定默认浏览器，甚至可以为不同的项目设置不同的浏览器。
HTTP-VS-HTTPS「http-vs-https」-crx插件
03-13
有没有想过你访问的网站是HTTP还是HTTPS？ 获取有关您访问的网站中HTTP与HTTPS比例的快照视图。 若要使用，只需单击地址栏右侧的绿色锁扩展图标。 每个网站都有唯一的计数，即，如果您两次访问https://facebook.com，则只会被计数一次。 GitHub链接：https://github.com/ShivanKaul/http-vs-https由Flaticon（https://www.flaticon.com）的Freepik（http://freepik.com）制作CC 3.0 BY 支持语言:English (United States)
vscode中加入live server插件并在浏览器中展示
Arinck的博客
04-28 1038
6.还有一种方法打开浏览器，在代码页面的任何位置右击，如图，选择“Open With Live Server”或者使用快捷键“alt+L ait+O”,也可以打开默认浏览器。5. 打开写好的html代码页面后，可以点击右下角的“Go Live”标识，即可自动打开默认浏览器并运行编写代码，写的过程中要及时保存代码可以实现网页代码的实时预览。2.在搜索框写入圈1“live server ”插件，选择圈2安装。3.等待安装完毕 后。4.安装插件完成后，
vsCode之Live Server
wch19960518的博客
05-30 784
我本地一个前端项目需要引入另一个项目的线上地址，但又不想本地搭一套服务，于是就在vsCode中装了这个插件。
本地vs code 插件 模拟服务器环境调试前端包(live-server 运行dist包,并解决接口跨域问题)
weixin_43187898的博客
03-07 1162
3. 找到vscode右下角的“Go Live”按钮,点击就会执行一个默认端口号为5555web服务。4. 打开setting.json配置live-server端口号代理等属性。1. 安装vscode live-server插件。2. 用vscode单独打开dist。
VS Code中live server插件相关问题记录
2301_80174941的博客
02-22 921
VS Code中live server插件相关问题记录。记录了通过vscode中live server插件打开html文件和直接打开html文件网页内容不同的问题。
Web-前端教程01 安装 Visual Studio Code 和 Live Server 实时重载插件.zip
05-24
Web-前端教程01 安装 Visual Studio Code 和 Live Server 实时重载插件.zip
httplive：HTTP请求和响应服务，模拟HTTP
01-30
HttpLive是API设计人员，代理，移动和Web应用程序开发人员的工具，可以更快地开发和测试其应用程序，而无需依赖任何服务器或后端应用程序。 HttpLive具有内置的用户界面。 因此，您可以在此UI上进行所需的所有配置，并使用动态URL（路由）定义，可以为应用程序指定自己的JSON返回类型。 您可以与队友共享键值数据库（ httplive.db ），轻松备份或将其存储在任何云存储中。 负载平衡，循环操作可以在多端口模式下轻松进行。 在HttpLive的支持下； 我们可以使其更有用，而又不影响简单的使用，并提高我们的开发和测试环境的生产率。 安装 go get github.com/gencebay/httplive 使用此命令，您可以将httplive应用程序添加到在Go环境中指定的路径。 这样，您可以从命令行运行应用程序。 确保PATH包含$ GOPATH / bin目录，以便您的命令可以轻松地与help（-h）标志一起使用： httplive -h 争论 --dbpath, -d httplive.db的全路径，带有正斜杠。 如果不存在，将使用默认的数据库名称（h
live-server-web-extension:它使您现有的服务器处于活动状态。 这是一个浏览器扩展，可帮助您实时重新加载动态内容功能（PHP，Node.js，ASP.NET-没关系）
05-12
该浏览器插件是VS Code编辑器（ ）中开发人员工具的扩展。 安装此附加组件以及VS Code扩展，它为您提供了一种在保存时自动更新网站的功能； 除了.htm和.html以外的其他文件。 因此，特别是，通过此附加组件，实时...
VS Code 右键打开 HTML 的插件 Open in Browser（在浏览器中打开）和 Live Server（实时服务器）
记录个人成长, 分享好用资源
05-16 1701
（在浏览器中打开）和（实时服务器）。
VS Code+Live Server插件开发游戏并结合内网穿透分享好友异地访问
2401_84181704的博客
04-17 660
使用上面的cpolar https公网地址，在任意设备的浏览器进行访问，即可成功看到小游戏界面，这样一个公网地址且可以远程访问就创建好了，使用了cpolar的公网域名，无需自己购买云服务器，即可发布到公网随时随地进行远程访问。我一般会使用固定二级子域名，因为我希望将游戏网址发送给朋友玩时，可以直接使用简单好记的固定公网地址进行访问，不用每天都更换地址访问，可以一直愉快的享受游戏。，点击左侧的预留，选择保留二级子域名，设置一个二级子域名名称，点击保留，保留成功后复制保留的二级子域名名称。
VS Code+Live Server插件开发游戏并结合内网穿透分享好友异地访问(1)
2401_84166672的博客
04-13 630
本篇教程，我们将通过VS Code实现远程开发MENJA小游戏，并通过cpolar内网穿透发布到公网，分享给无论身在何地的好友体验由你开发的游戏的乐趣。话不多说，下面就来教大家如何使用VS Code编写一个MENJA切块小游戏，这里我们使用VS Code并结合Live Server插件进行调试，Live Server可以实现一键安装，实现自动刷新，架设本地服务器环境。如何使用VS Code编写一个小游戏并结合内网穿透实现远程访问。
Vs Code插件安装
httpkaidi的博客
11-29 402
点击红圈处，在搜索框中输入要安装的插件，这里以中文转换为例 安装后点击重新启动 重启完安装完成 插件 作用 chinese language pack 中文语言包 open in Browser 右击选择浏览器打开html文件 JS-CSS-HTML Formatter 每次保存，都会自动格式化js,css和html代码 Auto Rename Tage 自动重命名配对的HTML/XML标签 CSS Peek 追踪至样式 （联网条...
15 个非常流行的VsCode插件，让你的编码效率倍增！
web全栈开发的博客
05-05 9246
VS Code已经成为了最受欢迎的代码编辑器之一。它的简洁性、易用性和可扩展性使得它成为了许多开发者的首选。而在VS Code中，插件是其最大的卖点之一。通过安装插件，你可以将VS Code打造成一个功能强大的开发环境，从而提高你的编码效率。本文中，将介绍15个非常流行的VS Code插件，这些插件可以让你的编码效率倍增。无论你是前端开发者、后端开发者还是全栈开发者，这些插件都将让你的工作更加的便...
VS Code 常用插件
Lenny-zlp的博客
08-05 328
1. VS Code 的中文（简体）语言包 2. 自动闭合标签 3. 标签重命名 修改首标签 闭合标签自动修改 4. UI-颜色主题 5. 鼠标悬停在元素的类名或元素ID上，就可以看到应用于这个元素的 CSS 规则 6. 个人喜欢的主题 其他: Night Owl, Pink Cat Boo， Panda Syntax, Mini Dark, Gatito Theme, One Monokai 7. less 插件 8. ES6 代码片段提示 9. 服务器打开项目 10. 默认浏览器打
vscode http post_VS Code 调试完全攻略系列：基于浏览器的 React 应用
weixin_39902870的博客
11-25 839
译者：疯狂的技术宅作者：Charles Szilagyi原文链接：https://charlesagile.com/debug-create-react-app转发链接：https://mp.weixin.qq.com/s/uaozQJ9WOvqL9rZbX-Remw前言这次我们来研究怎样把调试器连接到用 Create React App 生成的 React 程序。你将看到如何从 VS Code ...
Visual Studio Code与Live Server安装教程
Live Server是一款非常受欢迎的VS Code插件，主要用于本地实时重载网页。当开发者对HTML、CSS或JavaScript做出更改时，Live Server可以自动刷新浏览器，从而避免了手动刷新的繁琐。它还提供了其他一些功能，如在编辑...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值