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

已于 2022-03-31 12:37:05 修改
阅读量1.1w 收藏 44
点赞数 20
文章标签： 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，再点击编辑，就进入编辑页面
在这里插入图片描述
点击新建，添加红色框的两个环境变量就可以了。
在这里插入图片描述

@橙橙橙
关注
VSCode 使用教程：项目使用配置、使用哪些插件、Live Server使用问题及解决方案(你想要的，都在这里)
狮子座的男孩
11-26 4514
插件打开文件夹下的文件，就类似于从服务器上访问该文件，且代码出现改动后，可以自动刷新;// 由于被打开的文件只是一个单独的文件，而非存在于一个文件夹内，因此在右键点击。：当文件信息修改后，只要切换成其它文件，上个文件的修改信息就会自动保存;//且在切换其它文件时，该双击打开的文件会在窗口保存，不会被覆盖;//且在切换其它文件时，该单击打开的文件不会在窗口保存，会被覆盖;)，即：写好代码后，延迟多少毫秒会自动保存;)后，再打开时间线，通过点击时间线中不同的。)后，再打开大纲，发现该文件中的。
vscode修改默认打开浏览器
猿小白的博客
02-21 8431
使用vsocde的时候，默认情况下是使用IE浏览器打开网页，如何修改为自定义浏览器呢？ 这里用到了插件：open in browser 和Live Server open in browser的设置方法： 只需要这里填写你需要设置的默认浏览器就可以了，这里我使用的是chrome浏览器 Live Server的设置方法： 选择需要设置的默认浏览器就可以了这里我使用的是chrome浏览器 设置完成之后，再次运行，就可以用我们指定的浏览器打开网页了。 ...
【VSCode】解决Open in browser无效
qq_39921135的博客
10-21 5244
此时再次回到VSCode，发现已经可以正常使用 Open in browser 插件了。
关于vscode Live Server插件无法正常打开浏览器
热门推荐
nihaio25的博客
09-15 2万+
问题描述：1.你是不是也遇到过在vscode里安装Live Server插件，安装成功了，但点击open with Live Server却无法打开浏览器。 2.点击vscode的open width live sever服务端口看到5500端口号 在浏览器输入http://127.0.0.1:5500/ 看到的是上上级目录。我也是遇到了这种问题。我找了好久才发现这是环境路劲配置有问题。 解决问题： 1.打开此电脑 2.找到点击属性 3.点击高级属性 4.找到系统属性。点击环境变量 5.找到P
关于open in default browser无法打开网页的问题
weixin_54658101的博客
03-16 180
在网上找了很多办法都没有解决，看到一个老哥评论说要先设置默认浏览器，结果成功解决了！我设置的是谷歌浏览器为默认浏览器。
liveServer无法打开浏览器
fuyuanduan的博客
10-25 1105
没有选择默认浏览器，或者是你要打开的HTML文件的绝对路径名称当中含有中文，将中文去除，就可以用 command+L+O的命令了。
关于vscode 中Live Server插件无法弹出Chrome浏览器问题
a1248491526的博客
11-11 2787
在进行html文件打开Open with Live Server时出现 错误“找不到Chrome浏览器...”解决办法：
关于vs code中Live Server插件安装后无法打开的问题
2202_76101487的博客
06-29 4620
live server插件无法打开的问题解决
vscode如何设置默认打开的浏览器为Chrome
10-14
总结来说，通过安装“Open in Browser”插件并设置默认浏览器为Chrome，以及利用“Live Server”插件进行页面热更新，你可以提升在VSCode中的Web开发效率。记住，持续关注和更新你的插件库，保持VSCode的优化配置，...
【vscode】 使用 【Live Server】插件 展示静态网站，自动刷新
jhgj56的博客
11-22 2022
vscode Live Server插件
VSCode必备插件！
最新发布
m0_65696193的博客
04-10 614
但是这个插件有个缺点，安装成功以后，每次打开vscode都会提示code似乎有损坏，因为这个插件是修改了vscode的css文件，vscode检测到自己的文件被篡改了以后就会有这个报错提醒。28.Bracket Pair Colorizer：用于着色匹配括号，让你的代码分层更清晰，因为太好用，现在已经被官方收录，在扩展程序中搜索跳转到设置，打开就行。7.Live Server 用服务器的方式来查看html文件，不要用右键插件本地文件的形式，因为那是file文件协议，应该使用http协议。
关于VS Code中安装live server后无法正常打开浏览器，并出现Server is Started at port : 5500问题解决方案！
qq_44922199的博客
04-14 1万+
关于VS Code中安装live server后无法正常打开浏览器，并出现Server is Started at port : 5500问题解决方案！
解决vscode Open browser failed Please check if you have installed the browser correctly 打开浏览器失败问题
Geng_____的博客
06-06 6364
解决vscode Open browser failed Please check if you have installed the browser correctly 打开浏览器失败问题
vscode 插件 Live Server打不开浏览器的解决办法
05-28 2321
将项目单独用vscode打开，而不是将项目和其他文件放在一起： 然后就可以打开了，亲测有效
vscode open browser failed!! Please check if you have installed the browser correctly错误!
weixin_63588450的博客
01-11 1260
2、打开open in browser 安装1.1.0版本即可 注意安装好后要重新启动vs code。当vscode显示如下错误时，一般的解决方法有两种。1、检查浏览器的更新，更新到最新版本即可。
vscode无法使用open in broswer插件从默认浏览器打开
Yqha1的博客
02-03 493
这个问题还是比较奇怪的，我使用的是debian12，通过设置里设置浏览器的路径也不行。仍然会报错但是用other浏览器打开就没关系，但是点击的次数就会变多。
Vscode中liver server插件无法打开浏览器
Smart_11的博客
02-13 2662
Vscode中liver server插件无法打开浏览器
VsCode安装插件Open in browser无法打开默认浏览器如何解决
qq_44108944的博客
09-20 1万+
** 关于VsCode安装插件，使用Open in browsers插件出现Open browser failed!! Please check if you have installed the browser chrome的解决办法！ 错误信息：Open browser failed!! Please check if you have installed the browser chrome！ 右键点击文件资源管理器 打开文件资源管理器之后弹出文件资源管理器，点击选择
vscode中openwithliveserve 如何修改打开的浏览器
04-03
### 如何在 VSCode 中设置 Live Server 默认浏览器 在 Visual Studio Code (VSCode) 中，可以通过调整配置来更改 Live Server 插件使用的默认浏览器。以下是具体操作方式： #### 方法一：通过图形界面设置 1. 打开 VSCode 后，在菜单栏依次点击 **“文件” → “首选项” → “设置”**[^1]。 2. 在设置页面的搜索框中输入 `Live Server` 或者直接查找关键词 `Custom Browser`[^2]。 3. 定位到选项 **Live Server › Settings: Custom Browser** 并对其进行编辑。 4. 将其值更改为所需的浏览器名称（例如 `"chrome"` 表示 Chrome 浏览器，或者指定路径下的可执行程序名）。 #### 方法二：手动修改 settings.json 文件 如果希望通过 JSON 配置文件完成此设置，则可以按照以下步骤操作： 1. 进入 VSCode 的全局或工作区级别的 `settings.json` 文件（可通过命令面板输入 `Preferences: Open Settings (JSON)` 快速访问）。 2. 添加或更新字段 `liveServer.settings.customBrowser`，并将其设为目标浏览器的名字或绝对路径。例如： ```json { "liveServer.settings.customBrowser": "chrome" } ``` 注意：对于某些特定版本的 Chromium 内核浏览器可能需要提供完整的安装位置字符串作为参数传递给该属性[^3]。 以上两种途径均能实现自定义化 live server 插件启动时所调用的具体网页浏览工具需求[^4]。 ```python # 示例 Python 脚本用于演示如何读取 JSON 数据结构中的键值对关系 import json data = ''' { "liveServer.settings.customBrowser": "firefox" } ''' config = json.loads(data) print(f'当前设定的默认浏览器为:{config["liveServer.settings.customBrowser"]}') ```
评论 21
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值