预览本地的HTML页面时,如果在Linux下,可以直接用(例如Firefox)
firefox xx.html
即可访问,但如果在编译中,则繁琐了一些,另外在使用cunit
测试框架时,直接使用浏览器访问会出现一些问题,这里记录使用vscode
时的便捷预览操作。
vscode预览HTML有两种典型方案,均需要插件支持:
- view in browser
- live server
view in browser
- 安装插件
- 在
vscode
的HTML文件中右键选择open in browser
即可在浏览器中预览文件了。
live server
- 安装插件
在线安装插件方法,直接在vscode
左下角设置,扩展,搜索live server
插件安装
离线方法见本系列离线安装插件文章 - 使用
在vscode
中打开HTML
文档时,在右下角有go browser
按钮,点击即在browser
中开启文件(以本地站点,服务器运行)