live Server配置之open-with-Live-Server 无法打开浏览器改用Preview on Web Server插件正常打开浏览器

最新推荐文章于 2024-06-09 10:20:42 发布
最新推荐文章于 2024-06-09 10:20:42 发布
阅读量2.7k 收藏 5
点赞数 4
文章标签： javascript node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q201218/article/details/115278163
版权

live Server配置之open-with-Live-Server 无法打开浏览器改用Preview on Web Server插件正常打开浏览器

Preview on Web Server插件安装

参考： https://blog.csdn.net/zhouwei_doris/article/details/80604604

配置 插件Preview on Web Server的端口号

在这里插入图片描述
添加默认浏览器和设置端口号：
在这里插入图片描述
回到Visual Studio Code编辑页面，右击，选择 vscode-preview-server:launch on browser
在这里插入图片描述
即可打开浏览器预览界面了。

信息世界
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
vscode-preview-server:实时预览VSCode扩展
05-02
vscode预览服务器 特征 该扩展提供了在Web服务器上执行HTML预览。 保存文件时，此扩展名会自动重新加载浏览器或侧面板（实时预览功能）。 您可以从上下文菜单或编辑器菜单调用这些功能。 主要功能如下。 Preview on side panel (ctrl+shift+v) ：在侧面板上打开HTML预览。 使用此功能，您可以轻松检查HTML，CSS和JavaScript的操作。 Launch on browser (ctrl+shift+l) ：在默认浏览器上打开网页。 您可以通过网页检查所有操作。 Stop the web server (ctrl+shift+s) ：停止Web服务器。 此功能只能在命令面板中使用。 Resume the web server (ctrl+shift+r) ：恢复Web服务器。 此功能只能在命令面板中使用。 show UI Page (c
live-server-web-extension:它使您现有的服务器处于活动状态。 这是一个浏览器扩展，可帮助您实时重新加载动态内容功能（PHP，Node.js，ASP.NET-没关系）
05-12
Live Server-Web扩展 使现有服务器处于活动状态 简要描述;简介 该浏览器插件是VS Code编辑器（ ）中开发人员工具的扩展。 安装此附加组件以及VS Code扩展，它为您提供了一种在保存时自动更新网站的功能； 除了.htm和...
vs-code插件 -- Preview on Web Server 插件 使用 及设置默认浏览器
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
03-25 1万+
vs-code插件 -- Preview on Web Server 插件 使用 及设置默认浏览器
VSCode调试揭秘：Live Server助力完美测试Cookie与Session，远超“Open in Browser“！
最新发布
啊猪是的读来过倒的博客
06-09 1201
适用于简单的本地文件访问，但不支持跨域Cookie和Session的处理。通过本地HTTP服务器访问文件，支持跨域Cookie和Session的处理，并提供更多的配置灵活性。对于需要测试跨域功能的开发者来说，它是一个更好的选择。所以，在开发过程中，如果需要处理跨域相关的Cookie和Session，建议使用。然而，如果你只是需要简单地查看本地HTML文件，open in browser 可能就足够了。
VScode open with live Server 没反应解决办法，查看端口占用
Libra99WU的博客
09-12 1万+
VScode直接官网下载安装很方便，可以安装很多插件，在下面图里画圈的点击进去搜索下载 中文插件 第一款 样式插件 第三个 模拟线上的插件 我在安装之后出现一些小问题 找了一些解决办法，首先点击liveServer的设置按钮有个扩展复制，点击进去，会有在seetings.json中编辑，点击进去， 复制下方代码 { "files.autoSave": "afterDelay", "files.autoSaveDelay": 500, "liveServer.settings.CustomBrowser"
搭建Vue开发环境——并解决vs code右键没有Open With Live Server，Open With Live Server没反应等问题
weixin_74261569的博客
12-21 2267
搭建Vue开发环境——并解决vs code右键没有Open With Live Server，Open With Live Server没反应等问题
Preview on Web Server 插件
初心 - 杨瑞超个人博客
07-30 6915
欢迎加入qq群(IT-程序猿-技术交流群)：757345416 Preview on Web Server 个人认为是一个非常好用的插件，他可以让你预览的web界面同步手机，浏览器，互相同步，达到非常好的测试效果。安装方法如下： 1、点击扩展 2、搜索 Preview on Web Server 3、点击安装 4、安装成功后点击重新加载 5、ok 详情见下图： 下载完成...
Live Server Web Extension-crx插件
04-02
语言:English (United States) 使您现有的服务器直播。 这是一个浏览器扩展，可帮助您为动态页面的实时重新加载功能 ... 按照此链接设置：https：//github.com/ritwickdey/live-server-web-extension#Setup 演示：...
使用live-server快速搭建本地服务器+自动刷新的方法
08-27
`live-server` 是一个轻量级的开发服务器，它提供了一种简单快捷的方式，帮助开发者在本地环境中快速启动一个Web服务器，并且能够实时刷新浏览器，每当源代码发生变化时，无需手动刷新页面，极大地提升了开发体验。...
tiny-livereload-server:微小的网络直播
05-25
微小的负载服务器 ...只有一条规则，没有配置 ... npm install -g @moraes/tiny-livereload-server 内部项目的根目录： tiny-livereload-server 参数 可以使用以下参数： tiny-livereload-server \ --cwd src
vscode-live-server：为静态和动态页面启动具有实时重新加载功能的开发本地服务器
02-06
[要尝试使用 （BETA）吗？ 它将启用实时更改，而无需保存文件。 ]实时服务器Live Server喜欢 :heart_with_arrow: 您的多根工作区... 右键单击资源管理器窗口中的HTML文件，然后单击“ Open with Live Server 。 。 打开
关于vscode中的Live Server不起作用的解决方法
qq_57019472的博客
10-15 1万+
解决vscode中的LiveServer不起作用的问题
解决VScode点击open with live server 浏览器没有反应
2301_76742166的博客
03-05 1566
VScode安装了live server插件，预览时点击open with live server游览器没反应，不打开。
在vscode内启动服务，本地访问网站，preview on Web Server，设置插件
weixin_42737733的博客
11-09 1万+
关于html静态页面的地洞和访问，使用view in Browser或者Preview on Web Server。 下载server 步骤 在extensions插件扩展中，搜索server 完成之后重启vscode 在要启动的html页面右键 选择vscode-preview-server:Launch on Browser 自动打开网站并访问页面 配置 在插件...
Live Server插件打开浏览器时：该网页无法正常运作，127.0.0.1未发送任何数据的问题解决
iCode504的博客
11-27 1784
Live Server插件打开浏览器时：该网页无法正常运作，127.0.0.1未发送任何数据的问题解决
VS code内置浏览器插件-Preview on Web Server
花开如雨的博客
04-20 8335
VS code内置浏览器需要自己下载安装，下面我们就来看看下载安装使用VS code内置浏览器的图文教程。 软件名称： Visual Studio Code(代码编辑器) v1.51.1 64位 中文免费绿色版 软件大小： 60.7MB 更新时间： 2020-11-13立即下载 1、打开VS code 2、点击如图所示的插件商店 3、点击顶部搜索栏输入“Preview on Web Server” 4、 搜索结果第一个就是 点击install下载 5、回到代码部分 ，鼠标右键单击，
解决VS code中点击Open With Live Server无反应问题
BAB__的博客
05-09 8169
Open With Live Serevr点击无反应
vscode保存代码，浏览器自动刷新页面
y1238r的博客
08-18 1万+
介绍vscode编辑器，保存代码，自动刷新浏览器页面的2种扩展方式。即Live Server和Preview on Web Server扩展。
live server不能正常打开浏览器
07-11
如果您使用的是 Visual Studio Code 中的 Live Server 插件，并且无法正常打开浏览器，有几个可能的解决方法： 1. 确保您已经正确安装了 Live Server 插件。您可以在 Visual Studio Code 的扩展商店中搜索 "Live ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值