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

Posted 上海-悠悠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VSCode 使用教程-5.Live Server实时预览html效果相关的知识,希望对你有一定的参考价值。

前言

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

安装Live Server 插件

搜索插件:Live Server

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

实时调试

Open with live server打开html

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

以上是关于VSCode 使用教程-5.Live Server实时预览html效果的主要内容,如果未能解决你的问题,请参考以下文章

vscode server配置教程适配所有平台

vs code之Live Server的使用(搭建本地服务器)

前端跨域解决 (vscode live server proxy 代理)

vscode怎么使用live server

vscode 美化教程

VSCode使用教程之常见插件安装