VScode如何在浏览器中打开html文件

栏目: Html · 发布时间: 7年前

内容简介:3.在扩展栏的搜索栏中输入open in browser,找到open in browser这款插件,点击右下角“安装”字样即可安装。因为我已经安装了,所以再搜索不会显示安装字样我们可以看到在默认浏览器中打开是:

Vscode默认是在控制台下查看html文件,对于我们查看和调试都很不方便,那如何在浏览器中打开呢?

1.新建一个HTML文件

VScode如何在浏览器中打开html文件

2.点击左侧的扩展,打开扩展栏

VScode如何在浏览器中打开html文件

3.在扩展栏的搜索栏中输入open in browser,找到open in browser这款插件,点击右下角“安装”字样即可安装。

因为我已经安装了,所以再搜索不会显示安装字样

VScode如何在浏览器中打开html文件

4.安装完成后可以看一下这款插件的扩展文档,里面有插件的各种信息,及插件的使用方式等

我们可以看到在默认浏览器中打开是: Alt + B ,在其他浏览器中显示是: Shift+Alt+B

VScode如何在浏览器中打开html文件

5.回到我们刚开始建的HTML文件,在文件中鼠标右键单击,在弹出的窗口中选择使用默认浏览器打开或者其他浏览器打开,也可以使用我们上面说的快捷键( Alt + BShift+Alt+B )打开。

VScode如何在浏览器中打开html文件

6.假如你想用其他浏览器打开,就选择Open In Other Browsers(Shift+Alt+B,顶部会出现一个命令框,其中会显示可以使用的浏览器,选择自己需要的浏览器即可,在此,我们使用chrome打开。

VScode如何在浏览器中打开html文件
VScode如何在浏览器中打开html文件

关注我的个人博客:pinbolei.cn,获取更多内容


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Modeling the Internet and the Web

Modeling the Internet and the Web

Pierre Baldi、Paolo Frasconi、Padhraic Smyth / Wiley / 2003-7-7 / USD 115.00

Modeling the Internet and the Web covers the most important aspects of modeling the Web using a modern mathematical and probabilistic treatment. It focuses on the information and application layers, a......一起来看看 《Modeling the Internet and the Web》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具