关于vscode的Live Server插件时出现Open a folder or workspace... (File -> Open Folder)报错处理方法

16 篇文章 3 订阅
12 篇文章 2 订阅
文章介绍了在使用VSCode的LiveServer插件时遇到Openafolderorworkspace...报错的原因和解决方法。报错是因为单独打开HTML文件而非文件夹导致的。解决方案是将HTML文件放入文件夹中,然后在VSCode中以文件夹形式打开,使用LiveServer正常运行HTML文件。
摘要由CSDN通过智能技术生成

文章目录

📄前言

🎯关于报错

📝解决方法


📄前言

  • 关于Live Server插件,喜欢在vscode开发的开发者,应该都有所了解这个插件,它的作用是启动具有静态实时重新加载功能的开发本地服务器,简单来说就是:快速启动本地服务,自动监听,不需要刷新就能更新内容。
  • 那么为什么会出现这个报错呢,接下来我们快速分析并且解决。(注意在此之前已正确安装Live Server插件,并且修改好默认浏览器)

🎯关于报错

Open a folder or workspace... (File -> Open Folder)

  • 从字面意思上看,并不像是一个很严重的错误(但是有个红色的差,很亮眼),更像是一个建议和更好的操作方法步骤。
  • 上面说是要你打开一个文件夹或者是工作空间,那么为什么会这么提醒,很显然就是你单独打开了一个html文件(如下图二这种情况),编辑器未能识别和信任这个单个文件,因此需要在文件夹中打开。

📝解决方法

  • 我们可以看到报错上面给了我解决问题的操作步骤,因此我们可以跟着它来操作。

  •  然后把单独的html文件放在一个文件夹里面,然后在vscode中打开
  • 可以看到二者在资源管理器上面的区别。

  •  然后在文件夹打开的那个html使用Live Server插件来运行html文件(运行Open with Live Server),效果如下。

  • 到此问题解决,可以正常使用Live Server插件的Open with Live Server功能了

🎯点赞收藏,防止迷路🔥 


评论 21
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黛琳ghz

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值