vscode中使用Live Server无法打开.html文件的原因

最新推荐文章于 2024-02-10 11:46:41 发布
最新推荐文章于 2024-02-10 11:46:41 发布
阅读量621 收藏
点赞数
分类专栏： three.js 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43688916/article/details/129615917
版权
当单独的HTML文件在D盘无法打开时，可能需要创建一个文件夹来存放并打开。文件夹结构对某些文件的正确运行是必要的，单纯的配置环境更改可能无效。通过下载和使用扩展插件，用户现在可以右键点击文件直接打开了。
摘要由CSDN通过智能技术生成

.html文件不能直接放到电脑的盘中 ！！！！！
单独的html文件打开时会提示这个…意思就是你打开哪个项目…
在这里插入图片描述

需建一个文件夹才能打开，我直接放到了d盘 一直打不开 各种配置环境啥得都没用 后来创建了一个文件夹扔进去打开了…

下载扩展插件 右键打开即可
在这里插入图片描述
在这里插入图片描述

南风过境~
关注
专栏目录
VScode编写html利用live Server扩展在浏览器无法打开 解决方法如下
haimingjavazhilv的博客
03-23 2476
VScode编写html利用live Server扩展在浏览器无法打开 1.
实时更新Visual Studio Code工具与浏览器HTML修改同步更新-live-server的使用
最新发布
07-16
实时更新Visual Studio Code工具与浏览器HTML修改同步更新_live_server的使用
VXcode运行HTML通过live server打开后，在浏览器中打不开，提示网站暂时
weixin_42601608的博客
02-15 461
不可用。 很抱歉，您遇到了这个问题。有几个原因可能导致这种情况： Live Server插件可能不是最新版本，请检查是否需要更新。 您的网络连接可能不稳定，请检查您的网络连接是否正常。 HTML文件中可能存在语法错误，请检查您的代码。 如果以上建议都不能解决您的问题，请提供更多的细节以便我为您提供更准确的帮助。 ...
VS Code live server 打开html页面显示Not Found
qq_50962973的博客
08-27 1509
VS Code中的live server 打开html文件但页面显示Not Found 这样情况打开vs code左下角管理 点击设置扩展里找到live server config 然后在settings.json中编辑 然后ctrl+z一下 改变端口号 改成8080就行 "liveServer.settings.donotShowInfoMsg": true, "workbench.editor.enablePreview": false, "liveServer.setti
在VS Code中live server无法打开html文件
qq_59362150的博客
06-27 527
vscode使用
【VScode编写html利用live Server扩展在浏览器无法打开 解决方法如下】
m0_65450343的博客
05-01 1933
关于vscode Live Server插件无法正常打开浏览器
vscode用open with live server找不到html文件
W666097的博客
03-22 2859
问题 Live Server是vs code中很好用的一款插件，但是可能当你下载好插件之后运行你写的html文档时（用open with Live Server这种方式），会弹出来一个错误提示框，提示Windows找不到xxx127.0.0.1html文件，我也是翻了很多篇文章，然而没能解决问题。最后也是自己琢磨出了方法，下面来分享一下我的解决方案。 解决方案 1.点击左下角的设置图标 2.找到“设置”，单击 3.在搜索框里面输入Live Server，注意右侧区域的变化，此时右侧会有选项供你勾选。
远程服务器浏览器打不开html文件
weixin_49024235的博客
09-25 441
文件运行后，生成log.html文件，使用浏览器打开，点击没反应 一：点击configuration 二：配置Web path on server,添加html文件路径保存后，在用浏览器可以成功打开html文件
vscode Live Server失效【已解决】
qq_52035691的博客
02-10 739
刚刚下载Live Server，按Alt+B打开（习惯了用默认浏览器打开），结果没用事实更新，百度一下好像都说改端口号冲突什么的，觉得好麻烦，结果右键点击了一下发现居然是另外的打开方式。解决方法： 按Alt+L Alt+O即可（如图）
在vscode中使用live server
04-21
可以在 Visual Studio Code 中使用 Live Server 扩展来启动静态 Web 页面。首先，需要在 Visual Studio Code 中安装 Live Server 扩展。可以通过以下步骤在 Visual Studio Code 中安装 Live Server 扩展： 1. 打开 ...
VSCode-x64-1.56.2.zip
05-18
6. **实时预览**：对于Web开发，VSCode可以集成Live Server插件实现HTML、CSS、JavaScript的实时预览，修改代码后浏览器会立即刷新显示效果。 7. **工作区和多窗口**：VSCode允许同时打开多个工作区，每个工作区...
vscode中的live server扩展怎么把file协议文件改成HTTP协议文件
05-11
在VS Code中，打开您要使用的HTML文件，右键单击文件，选择"Open with Live Server"，重启live server后，您的文件链接将会更改为HTTP协议链接。 通过以上步骤，您就可以将file协议文件改为HTTP协议文件，方便您...
vs-code中用liveServer打开vue-cli打包后的html，模拟查看线上路径问题
zzqz的博客
05-13 4754
首先在扩展搜索liveServer下载安装 之后右键html就会出现liveServer命令 我用的vue-cli版本是3.2，为防止路径问题，在vue.config.js中修改publicPath为 module.exports = { publicPath: "./" } 完成重新打包 在vscode 配置 setting.json 中配置liveServer { "live...
VsCode搭配Live Server使用时，无法显示本地图像，但浏览器打开HTML文件时正常显示图片
weixin_52467069的博客
03-20 2224
VsCode搭配Live Server使用时，无法显示本地图像问题的发现、解决过程。
open in live server无法正常打开
热门推荐
puddingcsdn的博客
10-21 1万+
open in live server的快捷键ctrl+L+O 一.端口占用问题 解决：右键stop live server，或者使用快捷键 ->先ALT+L 再ALT+C,出现Server is now offline的提示后重启 VS Code。 二.配置问题 1.打开设置 2.搜索browser，取消勾选Open in Browser Preview inside vs Code, instead of default browser：在vs Code中的浏览器预览中打开，而不是默认浏览器
VSCode中安装live server插件时出现Open a folder or workspace... (File -＞ Open Folder）错误
阿木木的博客
03-10 1667
当安装完live server插件时运行会在右下角报Open a folder or workspace... (File -＞ Open Folder）错误时，大家不必着急，这个就是vscode认为当前文件有风险，只需要在文件--打开文件夹处即可，点开文件夹后会弹出一个框框添加信任即可。
本地运行打包但未部署的项目（live-server : 无法将“live-server”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，）
祖先生的博客
04-22 3392
第一步：进入打包目录下的index.html所在目录，按 shift加鼠标右键 打开Powershell窗口 第二步：输入 live-server --port=3344 3344代表窗口号，可以自定义 成功浏览器会自动打开地址 如果出现以下错误，则打开cmd窗口运行 live-server --port=3344 命令，如果还出现错误，就在cmd窗口安装live-server 安装live-server npm i -g live-server 或者 cnpm i -g live-server
VS Code 插件 Live Server打不开浏览器【避坑】
m0_64407944的博客
03-14 3177
VS中快捷键Alt + L +O打开网页失败 大部分原因：直接在文件下打开VS 解决方法：将要打开的文件放在一个文件夹里面，右键文件夹用VS打开
VScode无法运行html-——三种解决办法，亲测有效
Viviane_2022的博客
09-21 7557
选中 file-preference-settings，在搜索框选run code，最后选中edit in setting。2.修改JSON文件：调用chrome.exe，即一旦运行html文件就开始调用chrome.exe。情况说明：已安装装了Javascript，code runner，仍然无法运行html。1.最有效也是最终解决问的方法就是安装一个插件， open in browser。好的，这种我也试了，不过还是没解决我的问题，小伙伴你们可以尝试下。但这个方法我用了一直报错。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值