vscode如何用浏览器预览运行html文件?

最近在用vscode做开发,发现vscode并没有sublime那个直接在浏览器打开预览的功能,那该怎么办呢?经研究,原来只要装个插件就好了

操作方法

  • 01

    打开vscode编辑器,点击编辑器主界面左上侧第五个小图标——‘扩展’按钮;

  • 02

    进入扩展搜索右拉框,在应用商店搜索框中输入“view in browser”会自动进行搜索;

  • 03

    等待几秒钟时间,扩展就会陆续出现,在view in browser 选项右下角会出现“安装”小按钮;点击安装即可。安装完后会提示重新加载,点击重新加载即可(ps:因为小编已经安装了,所以已经没有“安装”按钮);

  • 04

    点击左侧第一个图标按钮,回到资源管理器界面,选择你想要查看的html文件;

  • 05

    右键点击html文件,会出现view in browser 选项;

  • 06

    点击view in browser 选项 就能用浏览器预览文件了~。

(0)

相关推荐

  • 在IETester上安装IE9浏览器预览版图文教程

    自IE9浏览器预览版发布以后,因为没有具备浏览器最基本的功能,如连地址栏都没有,所以在使用起来感觉到非常的不便!而近期在使用IETester测试网页在IE浏览器不同版本下兼容性如何的时候,发现IETe ...

  • 在IETester上安装IE9浏览器预览版

    自IE9浏览器预览版发布以后,因为没有具备浏览器最基本的功能,如连地址栏都没有,所以在使用起来感觉到非常的不便!而近期在使用IETester测试网页在IE浏览器不同版本下兼容性如何的时候,发现IETe ...

  • 用IE浏览器预览打印页面时,显示页面空白

    有时想要使用Internet Explorer预览打印页面时,会显示预览页面为空,导致打印出来的效果也是一片空白,很不方便使用.为了解决这个问题,下面给介绍不同操作系统环境下的解决方法. 操作方法 0 ...

  • 怎么给Blend软件设置在查找结果中预览选定的文件

    今天给大家介绍一下怎么给Blend软件设置在查找结果中预览选定的文件的具体操作步骤.1. 首先打开电脑上的Blend for visual studio 2019软件.2. 等待加载进入主页面.3. ...

  • Sublime Text 3 配置浏览器预览路径 localhost

    Sublime Text 3 受到程序员的喜爱,被誉为码农神器,具体优点就不说了.在 Sublime Text 3 中,可以对当前编辑的页面调用浏览器进行预览,但是默认的浏览器路径为文件所在的磁盘路径 ...

  • Win10预览版11082文件传输进度问题下个版本解决

    微软曾在2015年圣诞节之前推出了去年最后一个Win10桌面RS1预览版11082.然而这个版本表面上并没有任何新功能加入,微软称只是进行了底层代码重构.但这带来的变化还是显而易见的,不仅系统稳定性被 ...

  • Win7通过禁用IE浏览器插件提升预览速度打开网站的速度

    我们经常会使用IE浏览器在网上进行冲浪浏览,但是大家在使用过程中是否会发现有时候浏览器打开会很慢,打开某个网站的时候要十几秒才可以看到页面,其实这是因为浏览器的插件影响了预览速度了,那么我们可以通过禁 ...

  • win10预览版10041无斯巴达浏览器 IE浏览器Edge渲染引擎更新

    3月19日消息,微软在官方IE博客中不仅确认了斯巴达浏览器预览版将包含在下个Win10版本中,而且还列出了本次Build 10041版本中IE浏览器Edge渲染引擎更新的细节。本次更新的引擎功能是斯巴 ...

  • 怎么在浏览器中对axure的效果进行预览

    如果想要对axure中做好的图进行预览该怎恶魔操作呢?接下来就由小编来告诉大家.具体如下:1.第一步,准备好要预览的素材文件2.第二步,在上方菜单栏中找到发布选项并点击3.第三步,再下方弹出选项卡中选 ...