解决vscode中live server和open in browser插件无法打开默认浏览器的问题

已于 2022-03-31 12:37:05 修改
阅读量1w 收藏 41
点赞数 19
文章标签： vscode 编辑器 前端
于 2022-02-13 18:04:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51091639/article/details/122911754
版权

解决vscode中live server和open in browser插件无法打开默认浏览器的问题

问题：点击Open with Live Server或者Open in Default Browsers打开默认浏览器没有反应
在这里插入图片描述

解决办法：

可能是因为安装vscode或者重装系统之后，导致电脑中的有些系统变量没有设置

只需要在系统变量下，path中添加以下两个变量：

在这里插入图片描述
然后重新打开vscode，就可以使用这两个插件啦！！

详细步骤

点击设置，搜索编辑系统环境变量
在这里插入图片描述
点击环境变量
在这里插入图片描述
点击PATH，再点击编辑，就进入编辑页面
在这里插入图片描述
点击新建，添加红色框的两个环境变量就可以了。
在这里插入图片描述

@橙橙橙
关注
  • 19
    点赞
  • 踩
  • 41
    收藏
    觉得还不错? 一键收藏
  • 21
    评论
vscode-live-server：为静态和动态页面启动具有实时重新加载功能的开发本地服务器
02-06
[要尝试使用 （BETA）吗？ 它将启用实时更改，而无需保存... 打开一个项目，然后从状态栏中单击Go Live启用”以打开/关闭服务器。 右键单击资源管理器窗口中的HTML文件，然后单击“ Open with Live Server 。 。 打开
vscode-live-frame：在VS Code中运行您的Web应用程序
03-04
使用Live Frame ，无需在编辑器和浏览器之间切换，而无需离开VS Code，即可查看更改。 或者，也许您正在流式传输或录制屏幕截图，而您只想在一个窗口中很好地处理所有事情。 无论您是什么原因，我们都不在这里进行...
VS Code代码文件页面右键没有open in default browser/open in other browser选项
m0_62901040的博客
10-24 1037
最近，在学习前端，去网上下载了vs code，安装完，兴致勃勃的准备运行第一个代码文件，结果发现没有运行或者打开这个选项。去网上搜了求解，原因竟然是：没有安装这个扩展。我顿悟了...我就说为什么vs vode下载的时候是轻量级还有便捷。原来你可以通过安装扩展来完善需要的工具功能。我简直是两个字：无敌。
关于vs code中Live Server插件安装后无法打开的问题
2202_76101487的博客
06-29 618
live server插件无法打开的问题解决
解决VSCode插件Live Server/open in browser 无法正常打开浏览器：
奶油糖霜的博客
06-01 6535
解决VSCode插件Live Server/open in browser 无法正常打开浏览器： 电脑重装系统后，重新安装VSCode，通过账户同步了之前的一些设置和插件，在运行html脚本时发现，之前使用正常的Live Server插件和open in browser插件，都无法正常打开浏览器。尝试了在扩展设置中重新修改默认浏览器也无法解决此问题。 问题描述： VSCode提示错误：command ‘extension.liveServer.goOnline’ not found 解决方案： 解决
修改VScode插件Live Server打开的默认浏览器
m0_74732023的博客
03-13 1022
修改VScode插件Live Server打开的默认浏览器
关于VSCode如何设置Live Server默认浏览器（Open with Live Server）
weixin_42793577的博客
03-12 1157
Open with Live Server如何设置默认浏览器 1.文件->首选项->设置 2.搜索 “live” ，找到 “Live Server › Settings: Custom Browser”
VsCode如何设置Live server默认浏览器（Open with Live Server）
axbhealj的博客
05-20 2842
VsCode如何设置liveserver打开的默认浏览器（Open with Live Server ）
为什么vscode中的插件 live server 或者 open in browser 不能用的解决方法（部分）。
qq_51948674的博客
08-27 5362
今天来分享一下，我的vscode的写页面的插件 live server 或者 open in browser不能用，由于前几天，我为了装 mongodb这个环境变量，把 环境变量中的path所有的路径删掉，（关于删掉环境变量中的path解决方法，百度等都有解决方法）然后没在意，到昨天才发现vscode中的 live server 和 open in browser 没用会弹出这个 注意一点：前提你的软件没什么问题，插件也没什么问题，默认游览器也没什么问题，可能是在设置环境path出现问题， 可以参考一下
VSCode调试揭秘：Live Server助力完美测试Cookie与Session，远超“Open in Browser“！
啊猪是的读来过倒的博客
06-09 1247
适用于简单的本地文件访问，但不支持跨域Cookie和Session的处理。通过本地HTTP服务器访问文件，支持跨域Cookie和Session的处理，并提供更多的配置灵活性。对于需要测试跨域功能的开发者来说，它是一个更好的选择。所以，在开发过程中，如果需要处理跨域相关的Cookie和Session，建议使用。然而，如果你只是需要简单地查看本地HTML文件，open in browser 可能就足够了。
Live server 和open in browser 的区别和配置问题
m0_66538833的博客
12-04 1413
Live server 和open in browser 的区别和配置问题
vscode设置 live server 默认打开IE
weixin_43311774的博客
10-15 7004
设置 live server 默认打开IE一、修改live server插件配置文件修改package.json文件修改appModel.js文件二、添加自定义打开IE的协议 一、修改live server插件配置文件 修改live server插件下面两个文件：package.json和appModel.js 修改package.json文件 package.json路径：C:\Users%us...
vscode如何设置默认打开的浏览器为Chrome
10-14
总结来说，通过安装“Open in Browser”插件并设置默认浏览器为Chrome，以及利用“Live Server”插件进行页面热更新，你可以提升在VSCode中的Web开发效率。记住，持续关注和更新你的插件库，保持VSCode的优化配置，...
vscode-live2d-models:VSCode看板娘模型库
05-28
打开 “设置@ext:charlesz.vscode-live2d” 粘贴模型对应的url即可直接使用 URL 1. bilibili-22 https://raw.githubusercontent.com/iCharlesZ/vscode-live2d-models/master/model-library/bilibili-22/index.json 2...
微信打开网址添加在浏览器中打开提示的办法
10-16
为了解决这个问题，通常我们会引导用户在外部浏览器中打开网址。本文将详细介绍一种实现这一功能的方法，即通过JavaScript和CSS创建一个提示遮罩层，强制用户在浏览器中打开链接。 首先，我们需要准备一些基本的CSS...
VSCode切换默认终端
changyana的博客
07-23 546
我的VSCode默认终端为PowerShell，每次新建都会自动打开PowerShell。但是我想让每次都变为cmd，也就是Command Prompt。
图形编辑器基于Paper.js教程10：导入导出svg，导入导出json数据
知无涯
07-25 6744
如svg的g标签转换为group，rect标签转换为shape，一些符合元素转换为CompoundPath对象，内部其实是Path对象组成的。将提供的SVG内容转换为Paper.js项目中的图形项，并将其添加到此项目的活动层中。请注意，首先不会清除项目。最外层是一个group，然后会有很多子元素，一些svg的元素会被转换为paperjs画布中的元素。导出svg，你可以将一个元素导出成svg，也可以将一整个项目导出成svg。在这里，我们将导出的JSON对象保存到了本地存储中，便于后续的导入操作。
DevExpress WPF中文教程：如何完成GridControl的列和编辑器配置？
最新发布
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
07-25 900
本文主要介绍使用DevExpressWPF组件完成网格列和编辑器的配置，欢迎下载最新版组件体验！
open with live server和open default browser区别
07-28
"open with live server" 和 "open default browser" 是两种不同的操作。 "Open with live server" 是指使用开发环境中的一个插件或工具，如 Visual Studio Code 中的 "Live Server" 插件。它会在本地启动一个服务器，并将你的网页文件作为静态文件提供。当你使用 "Open with live server" 时，它会自动打开你的默认浏览器，并且会实时监测你对网页文件的更改，一旦你保存文件，它会自动刷新浏览器，以便你可以立即看到更改效果。 而 "Open default browser" 则是直接打开你的默认浏览器，并在其中加载你指定的网页文件。它不会提供实时监测和自动刷新的功能，只是简单地在浏览器中展示你的网页。 所以，主要区别在于 "open with live server" 提供了实时监测和自动刷新的功能，而 "open default browser" 只是简单地在浏览器中打开网页文件。
评论 21
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值