当前位置： 首页 > article >正文

VSCode插件Live Server

article 2025/2/3 9:53:40

简介：插件Live Server能够实现当我们在VSCode编辑器里修改 HTML、CSS 或者 JavaScript 文件时，它都能自动实时地刷新浏览器页面，让我们实时看到代码变化的效果。再也不用手动刷新浏览器了，节省了大量的开发过程耗时！
1、打开VSCode，在应用商店中搜索插件Live Server，点击安装。
在这里插入图片描述
2、打开html文件，鼠标右键点击“Open with Live Server”后会在浏览器中新开一个页面窗口展示代码变化的效果。
在这里插入图片描述
在这里插入图片描述
3、打开html文件，鼠标右键点击“Stop Live Server”后会断开VSCode编辑器中的程序与浏览器页面的连接，此时再修改程序内容会发现浏览器页面内容不再变更。
在这里插入图片描述


http://www.kler.cn/a/529594.html

相关文章：

  • vue入门到实战 二
  • 低成本、高附加值，具有较强的可扩展性和流通便利性的行业
  • 第十二章 I 开头的术语
  • 搜索旋转排序数组（二分查找）
  • Spring Boot项目中解决跨域问题（四种方式）
  • DeepSeek-R1论文研读：通过强化学习激励LLM中的推理能力
  • 【LangChain】Chapter11 - Question Answering
  • 通过Redisson构建延时队列并实现注解式消费
  • 【C++语言】卡码网语言基础课系列----14. 链表的基础操作II
  • DeepSeek与其他GPT模型的比较分析
  • 在 crag 中用 LangGraph 进行评分知识精炼-下
  • 7 [拒绝Github投毒通过Sharp4SuoBrowser分析VisualStudio隐藏文件]
  • redis原理之数据结构
  • c语言二级注意事项
  • 使用 Numpy 自定义数据集，使用pytorch框架实现逻辑回归并保存模型，然后保存模型后再加载模型进行预测，对预测结果计算精确度和召回率及F1分数
  • C29.【C++ Cont】STL库:动态顺序表(vector容器)
  • LeetCode //C - 567. Permutation in String
  • IM 即时通讯系统-42-基于netty实现的IM服务端,提供客户端jar包,可集成自己的登录系统
  • 【Redis】Redis 经典面试题解析：深入理解 Redis 的核心概念与应用
  • java基础概念63-多线程
  • 【xdoj-离散线上练习】T251（C++）
  • AI技术路线(marked)
  • LeetCode 344: 反转字符串
  • Zabbix 推送告警 消息模板 美化（钉钉Webhook机器人、邮件）
  • 无人机飞手光伏吊运、电力巡检、农林植保技术详解
  • kamailio的kamctl的使用