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 网页代码修改效果实时预览

相关文章:

  • 2021-11-11
  • 2022-12-23
  • 2021-08-20
  • 2021-06-15
  • 2021-11-22
  • 2021-10-02
  • 2021-08-10
猜你喜欢
  • 2021-08-18
  • 2021-07-07
  • 2021-04-20
  • 2022-01-04
相关资源
相似解决方案