关于vscode中的Live Server不起作用的解决方法

最新推荐文章于 2025-01-14 16:57:59 发布

qq_57019472

最新推荐文章于 2025-01-14 16:57:59 发布

阅读量1.4w

点赞数 13

文章标签： vscode

本文链接：https://blog.csdn.net/qq_57019472/article/details/127336241

版权

VScode中的Live server不起作用困扰我挺长时间

后来在网上不停挖掘，终于被我挖到了

---------------------------------------------------------------------------------------------------------------------------------首先使用Live server是必须要在带来文件夹后，选中html文件才能使用

然后选中html文件点击Open with Live Server

然后就能使用了

---------------------------------------------------------------------------------------------------------------------------------

其次需要注意的是Live Server要设置你也现在使用的浏览器

先在扩展中找到Live Server右击选择扩展设置

然后找到下面这个选项选择你使用的浏览器（也就是vscode的默认浏览器）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_57019472

关注关注

13
点赞
踩
18

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

VSCode 使用教程：项目使用配置、使用哪些插件、Live Server使用问题及解决方案(你想要的，都在这里)

狮子座的男孩

11-26

4662

插件打开文件夹下的文件，就类似于从服务器上访问该文件，且代码出现改动后，可以自动刷新;// 由于被打开的文件只是一个单独的文件，而非存在于一个文件夹内，因此在右键点击。：当文件信息修改后，只要切换成其它文件，上个文件的修改信息就会自动保存;//且在切换其它文件时，该双击打开的文件会在窗口保存，不会被覆盖;//且在切换其它文件时，该单击打开的文件不会在窗口保存，会被覆盖;)，即：写好代码后，延迟多少毫秒会自动保存;)后，再打开时间线，通过点击时间线中不同的。)后，再打开大纲，发现该文件中的。

VScode编写html利用live Server扩展在浏览器无法打开解决方法如下

haimingjavazhilv的博客

03-23

2798

VScode编写html利用live Server扩展在浏览器无法打开 1.

4 条评论您还未登录，请先登录后发表或查看评论

超级好用！VSCode中live server出现问题及解决方式

热门推荐

qq_44922199的博客

04-14

1万+

关于VS Code中安装live server后无法正常打开浏览器，并出现Server is Started at port : 5500问题解决方案！

解决vscode中Live Server不起作用

weixin_55895372的博客

11-16

1022

解决vscode中Live Server不起作用

搭建Vue开发环境——并解决vs code右键没有Open With Live Server，Open With Live Server没反应等问题

weixin_74261569的博客

12-21

3216

搭建Vue开发环境——并解决vs code右键没有Open With Live Server，Open With Live Server没反应等问题

关于vs code中Live Server插件安装后无法打开的问题

2202_76101487的博客

06-29

4662

live server插件无法打开的问题解决

VScode open with live Server 没反应解决办法，查看端口占用

Libra99WU的博客

09-12

1万+

VScode直接官网下载安装很方便，可以安装很多插件，在下面图里画圈的点击进去搜索下载中文插件第一款样式插件第三个模拟线上的插件我在安装之后出现一些小问题找了一些解决办法，首先点击liveServer的设置按钮有个扩展复制，点击进去，会有在seetings.json中编辑，点击进去，复制下方代码 { "files.autoSave": "afterDelay", "files.autoSaveDelay": 500, "liveServer.settings.CustomBrowser"

解决VScode点击open with live server 浏览器没有反应

2301_76742166的博客

03-05

3380

VScode安装了live server插件，预览时点击open with live server游览器没反应，不打开。

vscode live-server使用失败解决办法

aaa10088的博客

04-28

1万+

一.直接用localhost:5500/手动打开二.下载preview on web server 替代去应用商店搜索preview on web server 配置preview 1）点击设置选择设置 2）搜索点击添加项，添加chrome或者其他浏览器把端口改为5500 选择这个就可以实现页面编辑器同步效果。 ...

vscode中live server的作用

03-16

VSCode中的Live Server是一个扩展程序，它可以在本地服务器上实时预览网页。它可以自动刷新网页，使开发人员可以更快地查看他们所做的更改。此外，它还可以在开发过程中提供一些实用的功能，例如自动打开浏览器、在...

【vscode】使用【Live Server】插件展示静态网站，自动刷新

jhgj56的博客

11-22

2032

vscode Live Server插件

VSCode + Live Server 实现局域网访问加之Ngrok实现内网穿透，端口转发

qq_66877333的博客

01-02

1945

vscode+live server+ngrok实现内网穿透功能及问题解决

vscode Live Server失效【已解决】

qq_52035691的博客

02-10

1161

刚刚下载Live Server，按Alt+B打开（习惯了用默认浏览器打开），结果没用事实更新，百度一下好像都说改端口号冲突什么的，觉得好麻烦，结果右键点击了一下发现居然是另外的打开方式。解决方法：按Alt+L Alt+O即可（如图）

vscode 点击 open with live server 没反应

weixin_46858893的博客

08-18

7395

vscode 点击 open with live server 没反应右键 vscode 快捷方式 - 选择属性 - 选择兼容性 - 勾选以管理员身份运行此程序

关于VScode编写html文件时，open with live sever无响应情况

cyycover的博客

10-31

554

此时只需要检查live sever的扩展就行了，我在检查的时候发现指定的浏览器哪里显示的是null，在扩展设置中可以发现此处是null，将其选择为chrome或者edge就行了,我设置的chrome。或者想要运行出来，除了live sever，还可以选择在代码没有bug的时候启动窗口调试。最近新买了一个便携扩展屏，结果敲vue的时候，live sever突然宕机了。检查插件是好的，但是就是无法用live sever将我的代码在浏览器中显示。然后任选一种方式运行代码就ok了。

解决VS code中点击Open With Live Server无反应问题

BAB__的博客

05-09

9240

Open With Live Serevr点击无反应

Live Server启动报错：应用程序无法启动，因为应用程序的并行配置不正确。有关详细信息，请参阅应用程序事件日志，或使用命令行 sxstrace.exe 工具

橙-极纪元-JJYCheng

01-04

1009

Live Server启动报错：应用程序无法启动，因为应用程序的并行配置不正确。有关详细信息，请参阅应用程序事件日志，或使用命令行 sxstrace.exe 工具

使用 Live Server 的网站，当我从文件启动时无法工作

4G/5G随身WiFi专业DIY改装

09-01

378

如果使用 Live Server 时网站无法从文件启动，可能是以下原因导致的：Live Server 未正确安装：确保你已经正确安装了 Live Server 扩展。你可以在 Visual Studio Code 的扩展商店中搜索并安装 Live Server。文件路径错误：确保你正在从正确的文件路径启动网站。检查文件路径...