【Vscode】open in browser报错“Windows 找不到文件‘chrome‘。请确定文件名是否正确后,再试一次。“

在Visual Studio Code(VSCode)中遇到使用openinbrowser扩展打开HTML文件时出现错误。解决方法是:1) 获取Chrome浏览器的exe文件路径;2) 在openinbrowser设置中配置该路径。通过此方法,可以修复右键菜单的openinDefaultBrowser功能或使用Alt+B快捷键正常映射HTML到浏览器。
摘要由CSDN通过智能技术生成

注:open in browser一定不要使用最新的2.0.0版本,我用的是1.0.0版本,亲测可用
问题:在vscode中使用open in browser打开html报错
问题如下图所示:
在这里插入图片描述
解决方法:
1、右击桌面上的chrome浏览器图标,找到属性–>快捷方式–>目标,复制路径(即chrome浏览器.exe文件的路径)。
2、点击open in browser设置中的Extension Settings,将路径复制过去,如图所示。此时鼠标右键的open in Default Browser可正常使用,或按Alt + B快捷键将html映射到浏览器中。
在这里插入图片描述

### 回答1: 要在VSCode中安装Open in Browser插件,您可以按照以下步骤操作: 1. 打开VSCode,点击左侧的“扩展”按钮(或使用快捷键Ctrl+Shift+X)。 2. 在搜索框中输入“Open in Browser”,然后按下Enter键。 3. 到“Open in Browser”插件,并点击“安装”按钮。 4. 安装完成后,您可以在VSCode中右键单击HTML文件,然后选择“在浏览器中打开”选项,或使用快捷键Alt+B来打开浏览器。 希望这些步骤能够帮助您安装Open in Browser插件。 ### 回答2: VSCode 是一款轻量级的跨平台代码编辑器,支持多种编程语言和模板。在 Web 开发中,我们经常需要在浏览器中预览页面或调试前端代码,此时就可以使用 VSCode 插件安装 open in browseropen in browser 插件可以让我们在 VSCode 内部直接打开当前文件或者选中的文件夹,并在默认浏览器中预览页面。它支持多种浏览器,并且可以自定义浏览器路径、端口号和 URL。 安装 open in browser 插件非常简单,我们只需要打开 VSCode,点击左侧的扩展按钮,在搜索框中输入 open in browser,然后选择插件并点击安装即可。 安装完成后,我们就可以在编辑器中打开文件文件夹,然后右键单击鼠标,在上下文菜单中选择 open in browser,并选择需要使用的浏览器即可。我们也可以使用快捷键 Ctrl+Alt+V(Windows)或 Cmd+Alt+V(Mac)来打开浏览器。 在配置方面,我们可以进入 VSCode 的设置界面,搜索 open in browser,然后进行相关配置。比如,我们可以设置默认浏览器、浏览器路径、端口号、是否自动打开和 URL 参数等。 总的来说,open in browser 是一个非常实用的插件,它可以提高我们的开发效率,让我们更加方便地预览页面,同时也可以满足我们对多浏览器调试的需求。安装和使用都非常简单,大家可以尝试一下。 ### 回答3: VS Code是仅支持编写和调试代码的现代化轻量级编辑器。然而,有一些常见的功能,如打开网页或查看HTML文件,不被VS Code直接支持,需要安装扩展来实现。其中,Open in Browser扩展允许VS Code用户快速方便地打开任何网页。本文将介绍如何安装和使用Open in Browser扩展。 第一步:在VS Code的扩展商店中搜索Open in Browser。点击安装按钮即可下载和安装扩展。安装成功后,扩展会自动在顶部工具栏添加Open in Browser按钮。 第二步:使用Open in Browser扩展。在VS Code开发的HTML文件中,如果想在浏览器中查看当前代码所对应的网页,只需单击顶部工具栏的Open in Browser按钮即可。也可以使用VS Code编辑器中的右键菜单,在文件上单击右键,选择Open in Default Browser,也可以选择其他浏览器以及打开方式。此外,还可以使用快捷键,例如Ctrl+Alt+B(Windows/Linux)或Cmd+Alt+B(Mac OS)。但在快捷键使用时,需要注意,必须已选中相应的HTML文件来查看,否则就会导致“当前编辑器不存在HTML文件”错误。 总之,Open in Browser是一个非常实用的扩展程序,为VS Code 用户快速方便地查看和测试给定的HTML页面提供了便利。如果您是一名Web开发人员、测试人员或学生,那么这个扩展是您工作流程中的必备工具之一。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值