VS Code 右键打开 HTML 的插件 Open in Browser(在浏览器中打开)和 Live Server(实时服务器)

35 篇文章 0 订阅

相关文章推荐:

如何下载和安装Visual Studio Code(VSCode)

如何在VS Code中安装插件并进行中文化。

VS Code 右键打开 HTML 的插件通常包括两种常见的选择:Open in Browser(在浏览器中打开)和 Live Server(实时服务器)。

Open in Browser(在浏览器中打开):

  • 这个插件允许你右键点击 HTML 文件并选择在预先设置的默认浏览器中打开。它是一个简单的工具,主要用于快速预览 HTML 文件的效果。
  • 当你点击右键并选择 “Open in Browser” 后,它会直接在浏览器中打开当前的 HTML 文件,你可以即时查看和测试你的网页。
  • 这个插件适合于简单的 HTML 文件,或者当你只需偶尔在浏览器中预览时使用。

Live Server(实时服务器):

  • 这个插件允许你在本地启动一个简单的实时服务器,当你修改 HTML、CSS 或 JavaScript 文件时,它会自动重新加载页面,让你能够实时查看你的更改。
  • 当你右键点击 HTML 文件并选择 “Open with Live Server” 时,它会启动一个本地服务器并在默认浏览器中打开该 HTML 文件。每次保存文件时,它都会自动刷新页面,使你能够立即查看更改的效果。
  • Live Server 对于需要频繁修改和预览的网页开发工作非常有用,特别是在开发过程中需要实时查看修改效果时。

总的来说,“Open in Browser” 是一个简单的工具,适用于快速预览 HTML 文件,而 “Live Server” 则是一个更为强大的工具,适用于实时查看并调试网页,特别是在开发过程中需要频繁修改和预览时。

安装 Live Server 或 Open in Browser插件

在扩展界面直接搜索Live ServerOpen in Browser 然后点击安装就行了
在这里插入图片描述

在这里插入图片描述

后续就是在html文件右键打开就行了

在这里插入图片描述

  • 7
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

ptw-cwl

谢谢老板的打赏

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

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

打赏作者

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

抵扣说明:

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

余额充值