添加在浏览器打开

安装open in browser插件

VsCode预览HTML文件的方法

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

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

VsCode预览HTML文件的方法

安装服务器预览

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

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

1.下载插件:Live Server

VsCode预览HTML文件的方法

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

VsCode预览HTML文件的方法

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

VsCode预览HTML文件的方法

相关文章:

  • 2021-07-27
  • 2022-01-03
  • 2021-08-22
  • 2021-09-27
  • 2021-07-07
  • 2021-04-20
  • 2021-11-28
  • 2021-04-28
猜你喜欢
  • 2022-12-23
  • 2021-11-14
  • 2022-12-23
  • 2022-12-23
  • 2021-06-12
相关资源
相似解决方案