VSCode 如何在浏览器中预览html文件

 时间:2024-10-27 05:09:42

1、打开 VScode 扩展界面在 VScode 主界面左侧的工具栏中,点击最下方的 “扩展”按钮,打开扩展界面。

VSCode 如何在浏览器中预览html文件

2、搜索插件在扩展界面搜索框中输入“open in browser”并回车,搜索相关插件。这里我们选择搜索出来的第一项,点击第一项,打开详情界面。

VSCode 如何在浏览器中预览html文件

3、下载插件在右侧的插件详情界面,点击“Install”按钮进行下载和安装。

VSCode 如何在浏览器中预览html文件

4、安装插件插件安装成功后,在左侧插件列表中会看到此插件。此时可以看到自身所有已安装的插件。

VSCode 如何在浏览器中预览html文件

5、打开系统洧粽袄淖配置在 VScode 主界面,依次点击“File”-> "Preferences" -> "Settings",打开系统配置界面。

VSCode 如何在浏览器中预览html文件

6、配置默认浏览器在系统配置界面中,输入“open in browser”进行搜索,在 “Extensions”项中找到“plugin open in browser”,输入对应的默认浏览器。

VSCode 如何在浏览器中预览html文件

7、使用插件在VScode中查看 html 页面,在页面任何地方右键,可以看到两个选择项“Open In Default Browser”和“Open In Other Browsers”,都是用于在浏览器中打开此 html 页面,一个是使用默认浏览器,一个是选择相应浏览器。

VSCode 如何在浏览器中预览html文件
  • vscode 如何预览html文件
  • 在VScode中如何将界面语言设置为中文
  • vsCode怎么设置默认浏览器
  • 在VScode中怎样打开调试控制台
  • 直接在myeclipse里写代码新建数据库
  • 热门搜索
    三节手抄报 关于名胜古迹的手抄报 清明节手抄报版面设计图 三月文明礼貌月手抄报 手抄报怎么写 数学手抄报三年级上册 经典诵读手抄报资料 手抄报名人名言 英语手抄报黑白 保护环境手抄报花边