vscode怎样预览html文件呢

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

工具/材料

电脑

vscode

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

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

  • End

特别提示

注意,必须在项目文件夹里面新建html文件,否则无法打开view in browser菜单哦。

  • 发表于 2017-09-25 00:00
  • 阅读 ( 357 )
  • 分类:电脑网络

相关问题

0 条评论

请先 登录 后评论