讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > 开发工具 > VSCode > 正文

vscode如何实现代码在浏览器打开并实时刷新

王林
发布： 2019-12-14 16:11:42
原创
8690人浏览过

vscode如何实现代码在浏览器打开并实时刷新

在vscode扩展中搜索“view in browser”插件并点击安装，点击资源管理器选中当前文件右键选择“view in browser”即可在默认浏览器中打开页面

ed08f32a4d4d47ee16fe86062203c9b.png

实时刷新方法：livereload

在项目目录下运行命令：

browser-sync start --server --files "**/*.css,**/*.html,**/*.js"
登录后复制

查看”中选择“集成终端”，命令行输入以上指令

49c919708404791df36cb64179dfe3d.png

B2S商城系统
B2S商城系统

B2S商城系统B2S商城系统是由佳弗网络工作室凭借专业的技术、丰富的电子商务经验在第一时刻为最流行的分享式购物（或体验式购物）推出的开源程序。开发采用PHP+MYSQL数据库，独立编译模板、代码简洁、自由修改、安全高效、数据缓存等技术的应用，使其能在大浏览量的环境下快速稳定运行，切实节约网站成本，提升形象。注意：如果安装后页面打开出现找不到数据库等错误，请删除admin下的runtime文件夹和a

B2S商城系统 0
查看详情 B2S商城系统

本地文件右键选择“在终端中打开”，在终端命令行中输入指令

a762cb4d8d627efd45831479c0d417a.png

以上两种方法实现的效果和原理相同，都可后台运行，按下快捷键“control+c”退出当前运行进程。

相关文章教程推荐：vscode教程

以上就是vscode如何实现代码在浏览器打开并实时刷新的详细内容，更多请关注php中文网其它相关文章！

相关标签：
vscode 浏览器

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：vscode更换主题无效 下一篇：vscode找不到git路径
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
使用VSCode编写LaTex文档的全流程配置指南 用VSCode写LaTeX完全可行，关键在配置简洁、插件得当、编译链清晰；需安装TeX发行版并配置好PATH，再装LaTeXWorkshop等核心插件，设好主文档与编译规则即可高效使用。
2025-12-18 17:13:53
897
如何利用VSCode进行数据库模式（Schema）的比较 VSCode本身不内置数据库Schema比较功能，但可通过SQLTools等扩展连接数据库并导出DDL，再利用内置比较功能或diff工具比对schema_dev.sql与schema_prod.sql文件，注意导出时排除易变内容以确保一致性。
2025-12-18 17:11:02
403
在VSCode中进行Elixir和Phoenix项目开发 VSCode是开发Elixir和Phoenix项目的轻量高效选择，配合ElixirLS、PhoenixSnippets等插件及正确环境配置，可实现语法高亮、智能补全、调试、格式化等完整开发体验。
2025-12-18 17:05:26
426
VSCode中的代码拼写检查器(Code Spell Checker) CodeSpellChecker是VSCode中轻量实用的拼写检查扩展，支持注释、字符串等场景，默认检查英文，可配置多语言、自定义词典、忽略规则及禁用中文误报，与ESLint等工具无冲突。
2025-12-18 16:59:20
740
VSCode中的Arduino开发环境搭建 在VSCode中搭建Arduino开发环境需安装官方Arduino扩展并自动配置工具链；正确选择串口和开发板型号；新建Blink程序上传验证；用串口监视器调试，注意波特率匹配与复位问题。
2025-12-18 16:59:08
795
在VSCode中配置和调试Python代码 VSCode配置调试Python只需三步：安装官方Python扩展、选择正确解释器、配置launch.json；支持断点、变量查看、单步执行等完整调试功能。
2025-12-18 16:35:17
253
VSCode的“时间旅行调试”：可能吗？ VSCode本身不原生支持时间旅行调试（TTD），需依赖WinDbgPreview、rr、UndoUDB等后端工具实现；TTD通过录制执行轨迹支持任意跳转回溯，适用于偶发bug，但存在性能开销大、兼容性受限等约束。
2025-12-18 16:35:02
734
Git Blame in VS Code：快速定位每一行代码的修改者 VSCode中GitBlame支持鼠标悬停查看每行作者、提交哈希、时间和标题，默认启用；可通过命令面板开启固定注解、右键调用行历史/复制信息/打开历史版本，并依赖正确Git用户配置。
2025-12-18 16:21:08
163
VSCode中的“标尺”功能：控制代码行宽 VSCode标尺功能在编辑器右侧显示垂直虚线，用于视觉提示代码行宽限制（如80/100字符），不强制换行；需在settings.json中配置"editor.rulers":[80,100]，支持全局、工作区或语言专属设置。
2025-12-18 16:17:02
860
如何为C++配置VSCode的编译与调试环境 VSCode中配置C++编译调试环境需安装编译器及C/C++等扩展，配置tasks.json实现一键编译，launch.json支持断点调试，c_cpp_properties.json管理智能提示，并确保编译器在PATH中且生成带-g的debug版本。
2025-12-18 16:02:02
887
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部