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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM