vscode怎样预览html文件呢

很多html编辑器都有自带的预览选项,但是vscode编辑器并不能直接预览html文件,今天咪咪我就来分享一下vscode预览html文件的方法。

操作方法

  • 01

    首先,在vscode里面新建一个项目,然后再在项目里面新建html文件,注意,必须要在项目里面新建html文件才行哦。

  • 02

    之后,我们点击vscode界面左边的扩展图标,如图所示,这个就是扩展图标。

  • 03

    之后,就可以打开扩展搜索窗口,扩展其实说白了就是插件。

  • 04

    接着我们在输入框输入view,然后选择view in browser,点击右下角的安装按钮即可开始安装。

  • 05

    如图,安装扩展还是比较快的,安装好之后点击“重新加载”按钮,这样才会有效哦。

  • 06

    如图,他会提示你要重载窗口,点击“重载窗口”按钮就可以了哦。

  • 07

    接着,我们在之前的html文件上面单击鼠标右键,然后右键菜单就会出现这个“view in browser”选项,选择它即可预览。

  • 08

    如图,接着就会在默认浏览器中打开html文件,我的默认浏览器是搜狗浏览器,当然,你也可以自行设置默认浏览器哦。

(0)

相关推荐

  • 在Vista 预览PDF文件的方法介绍

    之前我们曾介绍过Windows Vista的预览功能,即在用户不打开相应文件的情况下查看文件的具体内容,这是个相当有用的功能,可以大大提高日常工作的效率。Windows Vista预览功能可支持的对象 ...

  • 如何预览电脑文件夹中的视频

    电脑是现在最常用的办公工具之一,有些用户想知道如何预览电脑文件夹中的视频,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开电脑中的[360软件管家],进入[宝库]页面后根据下图 ...

  • 是什么原因导致了无法预览图片文件

    问:在资源管理器中,选择一个图片文件之后,原本在左边的那块区域就会出现这个图片的预览图。例如,点选xxx.jpg文件,左边就会出现这个JPG的预览图。如果选择这个文件后,预览图没有出现,应如何恢复这个 ...

  • WIN10怎么关闭文件预览? win10文件预览的关闭方法

    win10系统中自带开启了文件预览功能,默认是开启的,但是总是影响工作,想要关闭,该怎么操作呢?下面我们就来看看详细的教程. 1.打开电脑,进入电脑磁盘. 2.打开电脑磁盘上的文件,比如文本文件. 3 ...

  • 选择要预览的文件 怎么去掉

    我们电脑系统的文件夹界面,点击一个文件会有一个预览窗口出现,那么怎样关闭这个预览文件的窗口. 操作方法 01 首先我们打开一个文件夹,在文件夹内拷贝一个视频文件. 02 然后在文件夹内,点击这个视频的 ...

  • 在系统没安装Powerpoint2010的情况下该如何正常预览PPT文件

    经常有用户遇到这种情况,作好的PPT模版,到了要演示的地方,突然发现用户的Office版本比较低,要不就是根本没有安装Powerpoint。怎么样避免这种尴尬的情况发生呢? 方法一:文件打包为CD 选 ...

  • 手机上怎么预览PSD文件

    有的人由于工作需要有时需要在手机上阅读psd文件,但是手机却不能打开,这时候该怎么办呢?这里和大家介绍一下方法,供大家参考. 操作方法 01 打开手机的app商城,这里以苹果手机为例,打开即可. 02 ...

  • 百度云管家如何打开预览文件?

    通过百度云Android客户端可直接打开云端在线文件。只需点击相应的文件,便可以打开预览。 图片类型的文件可以直接打开预览;其他类型的文件将直接调用手机中第三方app进行打开,因此能预览的文件类型取决 ...

  • Word 2010无法预览文件怎么办

    经常使用Office办公软件的朋友都知道,Word 有打开预览功能,word 文档的预览功能不用打开文档就可以察看其内容.当需要查找某一方针文档时,使用这项功能可以避免一再打开.封锁多个文档的操作.但 ...