VsCode预览HTML文件的方法

VsCode预览HTML文件的方法

添加在浏览器打开

安装open in browser插件

image-20200907111704604

在要预览的HTML文件中右击，选择Open In Default Browser ，在默认浏览器中打开，或者使用Alt + B快捷键。

也可以在要预览的HTML文件中右击，选择Open In Other Browser ，在其他浏览器中打开，会列出你电脑上安装的并且VS Code支持的浏览器。

image-20200907112128099

安装服务器预览

安装open in brower插件之后可以直接右键选择使用浏览器渲染html文件，但是，这种打开方式是“本地打开方式”。

那么我们怎么以服务的方式运行html：

1.下载插件：Live Server

image-20200907111518198

  • 在要预览的HTML文件中右击，选择Open With LiveServer ，在默认浏览器中打开。

image-20200907112226113

  • 可以看到是以本地服务器模式打开的

image-20200907112326586

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/cuianbing/p/13730793.html