VSCode 使用教程-5.Live Server实时预览html效果

color_小浣熊

 关注

阅读 78

2022-09-17

前言

VSCode 使用 Live Server 插件可以实时预览 HTML 页面开发效果。

安装Live Server 插件

搜索插件:Live Server

VSCode 使用教程-5.Live Server实时预览html效果_实时预览


安装完成后，在html编辑页面右键，会出现2个选项

VSCode 使用教程-5.Live Server实时预览html效果_VSCode_02

实时调试

Open with live server打开html

VSCode 使用教程-5.Live Server实时预览html效果_html_03


当编辑页面修改内容后，​​ctr+s​​保存代码，浏览器上会自动同步

VSCode 使用教程-5.Live Server实时预览html效果_VSCode_04



相关推荐

vscode+web_网页预览插件live preview/live server preview/live server

诗远 150 0 0

VScode 使用live server

朱小落 169 0 0

VSCode 使用教程-4.使用open in browser预览html效果

程序员知识圈 55 0 0

VSCode Live Server 插件安装和使用

90哦吼 48 0 0

vscode markdown实时预览

Hyggelook 110 0 0

vscode实现Markdown实时预览

Ad大成 28 0 0

live-server使用

small_Sun 78 0 0

live-server安装使用

秦瑟读书 65 0 0

vscode插件：live server自动刷新浏览器

Yaphets_巍 107 0 0

HTML5图片预览

沪钢木子 65 0 0

精彩评论（0）

0 0 举报