VSCode live server 插件 实现 Html 网页代码修改效果实时预览

1、安装 live server 插件,打开 Extensions -> 搜索 live server 点 install ,安装完成需要重启VSCode

VSCode live server 插件 实现 Html 网页代码修改效果实时预览

2、使用方式,重启后直接点右下角的 Go Live

VSCode live server 插件 实现 Html 网页代码修改效果实时预览

或者按F1 输入 live server 点 Live Server:Open with Live Server 来启动服务

VSCode live server 插件 实现 Html 网页代码修改效果实时预览

3、开启VSCode 自动保存功能,免去频繁按Ctrl+S保存才能看到效果的烦恼。

VSCode live server 插件 实现 Html 网页代码修改效果实时预览