代码编织梦想

昨天晚上下载了个node之后,Live Server就给我失效了…
我已经在vscode设置了自动保存

查了下可能是终端打开网页(虽然我不是终端打开的网页),所以是线性刷新,要右击才能刷新,没听懂…

方法1:换插件Preview on Web Server

看到有博文说换一个插件试试,就下载了Preview on Web Server,直接去vscode的插件安装就行
在这里插入图片描述

右击出现这两个,点他们就OK了。

在这里插入图片描述
找不到的话,就ctrl+shift+p,然后搜索vscode-preview-server
在这里插入图片描述
但我还是不能实现刷新,搜了一下,有博文说是因为没有写这句话↓

<!DOCTYPE html>

嗯…然后我加上这句话,就可以实时刷新了。
我好奇地又试了一下把这行删掉,还是能实时刷新
之前不知道哪里出了问题,迷糊一下就解决了?

方法2:换插件Live Preview

在这里插入图片描述

因为下载了Preview on Web Server后,我之前没能解决刷新的问题
我又下了个插件叫Live Preview,可以实时刷新了,缺点是不能打开网页(也可能是我没找到怎么打开吧),只能在vscode的侧边栏打开…
在这里插入图片描述

反正右击,三个都能打开,也能实时刷新…差生文具多
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_56105633/article/details/127141463

记:解决live server不能实时刷新的问题-爱代码爱编程

记:解决live server不能实时刷新的问题 前言:老菜鸡了,做事磕磕碰碰…之前live server就一直不能自动刷新,也不知道问题出现在哪,搞了一个小时最终的解决方案是换用livereload 基于vs code的livereload安装 chrome插件安装 找了好久才找到的靠谱的下载点,注意取消勾选一些垃圾软件即可。 下载后解

vsCode中代码保存自动刷新页面,open with live server,可修改打开浏览器-爱代码爱编程

前言 在我们使用vscode写代码的时候,每次修改都要先保存,再刷新浏览器才能看到代码变动后的效果,如果只要保存,浏览器会自动刷新岂不是更好,下面这种方法就可以做到。 插件市场安装live server插件 打开文件 在编辑的html页面,右键 --> open with live server。 看浏览器 直接修改内容,不需

【1】VS code 关于live sever扩展插件无法自动刷新的解决方案-爱代码爱编程

【1】VS code 关于live sever扩展插件无法自动刷新的解决方案 问题:在扩展程序中安装了live sever,已经启用,但在使用过曾在不会保存之后自动刷新网页。 1、在电脑本地找到安装插件的路径,将关于live sever的文件全部删除,一般安装路径在: C:\Users\XX.vscode\extensions 注:XX一般为电脑的用户名称

vscode保存代码,浏览器自动刷新页面_蛙夏~的博客-爱代码爱编程

一、Live Server 之前挺好用的,但是今天发现Live Server可以运行到浏览器,但是保存代码之后不能自动刷新浏览器了。经过查资料,试了以下方法: 1、将vscode设置为自动保存 即:vscode中,文件-

解决vscode 中的live server无法刷新的问题_有大大梦想的奋斗者的博客-爱代码爱编程

解决vscode 中的live server无法刷新的问题 解决方法一 不要将w3school放进 .vscode文件夹当中 解决方法二 解决方法三 { "workbench.colorThem