Live Server 插件可自动刷新浏览器页面,支持HTML/CSS/JS等文件保存时热更新;需通过右键“Open with Live Server”或状态栏“Go Live”启动,默认地址http://127.0.0.1:5500。

VSCode 的 Live Server 插件能让你在保存 HTML、CSS 或 JavaScript 文件时,自动刷新浏览器页面,省去手动刷新的麻烦,特别适合前端开发和教学演示。
安装与启用 Live Server
打开 VSCode 扩展市场(Ctrl+Shift+X),搜索 “Live Server”,点击安装。安装完成后,右键任意 HTML 文件,选择 “Open with Live Server” 即可启动本地服务器,默认地址是 http://127.0.0.1:5500。你也可以点击右下角状态栏的 “Go Live” 按钮快速启动。
支持的文件类型与自动刷新逻辑
Live Server 默认监听 HTML、CSS、JS、SCSS、LESS 等常见前端文件。只要这些文件被保存,它就会向已打开的浏览器页面发送刷新信号——前提是该页面是通过 Live Server 启动的(即 URL 包含 :5500)。纯静态文件(如图片)修改不会触发刷新,但不影响正常加载。
常用配置与小技巧
你可以通过 VSCode 设置自定义端口、默认浏览器、是否自动打开浏览器等:
传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目,如果修改栏目,需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML,安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据,安装时可选择演示安装或全新安装。如果全新安装,后台内容充实后,首页才能完全显示出来。(全新安装后可以删除演示数据用到的图片,目录在https://
- 在设置中搜索 “live server” 修改 Settings > Live Server > Settings: Port 更换端口号
- 勾选 Settings > Live Server > Settings: Don’t verify authenticity 避免 HTTPS 证书警告(仅限本地开发)
- 右键菜单里还能选择 “Reopen with Live Server” 切换已有页面到 Live Server 环境
注意:它不是完整后端服务器
Live Server 只提供静态资源服务,不支持 Node.js 后端逻辑、API 接口或数据库连接。如果你需要处理表单提交、调用 fetch API 到本地接口,得搭配 Express、json-server 等工具,或者改用 VSCode 内置的调试功能。
基本上就这些。对初学者友好,开箱即用,不复杂但容易忽略细节。









