VScode网页页面不会跟随代码改变

本文讲述了作者在使用VScode时遇到的网页页面无法实时刷新、自动保存失败和图片加载问题,通过调整Liveserver设置、使用相对路径以及优化文件结构,解决了这些问题并给出了实用建议。
摘要由CSDN通过智能技术生成

 第一次

VScode网页页面不会跟随代码改变

放弃run,用live server

隔了一段时间后下意识用这个RUN跑,点那个刷新也没反应,而且确实安装了Live server,以为浏览器插件冲突,其实不是.

代码页面右键点开图1然后选中框的就能直接网页跟代码刷新了,不用一直重置

第二次

自动保存更新失败

过了一会运行这玩意又不能刷新了,试了这个方法OK,http://t.csdnimg.cn/XY0BL

 第三次

Live server 进网页竟是~/,解决方法如下:

关掉VS,重新从这里打开 

 

 PS:养成把代码和其他相关文件放一文件夹的好习惯

其他 

 代码没问题,但是用live server跑不出图片,用RUN可以跑出

图片地址不能用绝对地址:"C:\Users\ZHE\Desktop\前端练手项目\学成在线\images\logo.png"

把地址改成相对地址就OK: <img src="images/logo.png" alt="">

 所以相关图片和代码放一个文件里会方面很多,然后给图片命名严谨一点

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值