文章目录
📄前言
- 关于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功能了
🎯点赞收藏,防止迷路🔥