Visual Studio Code轻量化HTML实时预览插件
Visual Studio Code轻量化HTML实时预览插件

Visual Studio Code轻量化HTML实时预览插件


作者:Harkerbest

声明:本文章为原创文章,本文章永久链接:https://www.harkerbest.cn/p/828,转载请注明原文地址,盗版必究!!!


  进行HTML的编写时如果能够实时预览网页效果一切就会变得十分丝滑,使用Vs Code编写HTML的时候可以使用插件Live Server Preview实现这一功能

安装教程

1.下载安装插件

  打开Vs Code,在插件下载页面安装插件:Live Server Preview(按照图片中红色箭头的步骤)

%title插图%num

2.运行插件

  打开要编辑的html文件,按F1,然后输入“Show Live Server Preview”,按Enter回车即可见到网页实时预览界面(最终效果如图)

%title插图%num

PS:要设置自动保存文件才能让右边的页面实时反馈,否则只有点击保存后页面才会有变化

BYE~

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

CAPTCHAis initialing...