VScode中如何下载使用Live Server插件

本文介绍如何在VSCode中使用LiveServer插件,该插件能实现在保存HTML文件时自动刷新浏览器预览页面,提高开发效率。文章详细讲解了插件的下载与使用步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

VScode中如何使用Live Server插件

Live Server 插件有什么用

在写html页面的时候,在vscode写完代码后,代码保存一次,又需要到页面去刷新一下才能显示出最新结果,很麻烦,在vscode里面下载了Live Server 之后,使用这个插件,就能实现这样的事:写完代码按 ctrl+s(保存快捷键),页面自动跟着更新。

怎么下载使用

1.在vscode左方点最下方的图标,然后在搜索栏输入Live Server进行搜索,第一个就是,点击下载安装

在这里插入图片描述红色箭头指向的地方是下载按钮,由于我已经下载好了,所以显示的是“禁用”字样。
2.打开代码页面
在这里插入图片描述
选中代码文件右键,就会出现选项了
在这里插入图片描述
点击即可。
完成。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值