VS Code 之 Open In Browser 与 Live Server 的区别---kalrry

已于 2022-02-09 07:03:09 修改
阅读量2.4k 收藏 4
点赞数 5
分类专栏： VScode 文章标签： vscode 前端 编辑器
于 2022-01-26 03:52:51 首次发布
kalrry
本文链接：https://blog.csdn.net/weixin_45406712/article/details/122694913
版权

VS Code 之 Open In Browser 与 Live Server 的区别---kalrry

前言

Win配置记录
Mac配置记录

一、Open In Browser

open in browser：访问的是保存项目的地址,会存在图片加载不出来问题。因为访问的是静态页面，写的代码保存后，还需要刷新浏览器才能看到最新效果，在开发时较麻烦。

二、Live Server

Live Server：是用web服务器打开，，访问的是动态直播页面，写的代码保存后，不需要刷新浏览器，直接能看到最新效果，在开发时较方便。

kalrry
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vscode中open in browser和open with live server的区别
vivi的博客
07-17 4948
vscode中open in browser和open with live server的区别 open in browser：url显示的是电脑存储的默认路径，访问的是项目保存的电脑地址,会存在图片加载不出来问题 open with live server：url是以127.0.0.1开头，即使用web服务器打开，可以解决掉前面图片不显示的问题 ...
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中的浏览器预览中打开，而不是默认浏览器
VS Code 右键打开 HTML 的插件 Open in Browser（在浏览器中打开）和 Live Server（实时服务器）
最新发布
一个普通人
05-16 640
（在浏览器中打开）和（实时服务器）。
Live server 和open in browser 的区别和配置问题
m0_66538833的博客
12-04 1410
Live server 和open in browser 的区别和配置问题
VSCode解决设置默认浏览器方法（open with live server）
Fantasc的博客
08-09 6512
这个设置之后和open in browser的选线不一样，使用open in browser打开浏览器看效果的话每次修改代码都需要刷新网页才会生效，但是如果使用open with live server查看网页效果，所编写的代码只需保存即可在浏览器中看见实时效果。 VS Code中修改open with live server默认浏览器的方式如下：        点击设置–>在搜索栏输入“open in browser:defaul
解决VSCode插件Live Server/open in browser 无法正常打开浏览器：
奶油糖霜的博客
06-01 6525
解决VSCode插件Live Server/open in browser 无法正常打开浏览器： 电脑重装系统后，重新安装VSCode，通过账户同步了之前的一些设置和插件，在运行html脚本时发现，之前使用正常的Live Server插件和open in browser插件，都无法正常打开浏览器。尝试了在扩展设置中重新修改默认浏览器也无法解决此问题。 问题描述： VSCode提示错误：command ‘extension.liveServer.goOnline’ not found 解决方案： 解决
VScode安装open in browser插件
又菜又爱玩的小熊
10-26 5960
文章目录前言一、打开 VScode——点击安装扩展——搜索框输入 open in browser——点击 Install（安装）二、等待安装完成即可 前言 VScode鼠标右键没有 Open in Default Browser（在默认浏览器中打开） Open in Other Browser （在其他浏览器中打开） 这两个选项 一、打开 VScode——点击安装扩展——搜索框输入 open in browser——点击 Install（安装） 二、等待安装完成即可 ...
前端-章1：vs code后，右键没有open in browser
yuer011的博客
04-22 1028
安装vs code后，右键没有open in browser。 则需要安装这个插件，如图进行搜索安装。
vscode插件之open in browser修改运行的浏览器
黛琳ghz的博客，期待你的关注。
09-11 8181
在vscode中有一个插件可以帮助我们把html代码快速运行到浏览器上面，一般情况下，运行到浏览器都是电脑本身设置的默认浏览器，如win10的Microsoft Edge。
解决vscode中live server和open in browser插件无法打开默认浏览器的问题
weixin_51091639的博客
02-13 1万+
解决vscode中live server和open in browser插件无法打开默认浏览器的问题 问题：点击Open with Live Server或者Open in Default Browsers打开默认浏览器没有反应 解决办法： 可能是因为安装vscode或者重装系统之后，导致电脑中的有些系统变量没有设置 只需要在系统变量下，path中添加以下两个变量： 然后重新打开vscode，就可以使用这两个插件啦！！ ...
为什么vscode中的插件 live server 或者 open in browser 不能用的解决方法（部分）。
qq_51948674的博客
08-27 5354
今天来分享一下，我的vscode的写页面的插件 live server 或者 open in browser不能用，由于前几天，我为了装 mongodb这个环境变量，把 环境变量中的path所有的路径删掉，（关于删掉环境变量中的path解决方法，百度等都有解决方法）然后没在意，到昨天才发现vscode中的 live server 和 open in browser 没用会弹出这个 注意一点：前提你的软件没什么问题，插件也没什么问题，默认游览器也没什么问题，可能是在设置环境path出现问题， 可以参考一下
VS配置Open in Brower
wyc的博客
10-19 1434
VSCode使用Open in Brower 1.配置默认浏览器 1.1直接搜索相关配置教程即可，这里简单提一下 一般打开方式：右键（Open in。。。）比较麻烦，故不推荐 配置快捷键：默认快捷键是alt+f1，若是觉得不方便则自己配置快捷键 点击最下角设置键-》KeyBoard ShutCut-》搜索：open in Brower->在所罗列的选项中右键配置快捷键就好了 1....
vscode配置前端开发插件及设置Debugger for Chrome，open in browser用于打开网页
qq_34729246的博客
08-14 1801
vscode凭借其强大的插件扩展，支持各种文件格式（html/jade/css/less/sass/xml）在前端开发中越来越受欢迎 本文记录一下用vs运行简单网页的例子 1，使用Debugger for Chrome插件 打开vscode，点击文件然后点击打开文件夹，然后打开自己想要创建的项目文件夹 然后安装Debugger for Chrome插件，按照如图所示步骤： 安装Debugger for Chrome插件之后打开自己要运行的文件按f5调用chrome浏览器运行，然后会自动
vscode下的open in Browser VS open with live Server
莫逸雪的博客
12-02 2232
open in Browser 对应的插件就是open in Browser open with live Server 对应的插件是 live Server 相同点:都是在浏览器中运行html文件 不同点: 访问地址不同: open in default brower:(访问的是项目保存的电脑地址,会存在图片加载不出来问题) open with live Server: 127.0.0.1 就是localhost webstorm打开是localhost 问题: 利用webpack打包的js文
vs code设置默认浏览器
编程界明世隐的博客
03-15 5430
安装open in browser插件 使用默认浏览器打开 Open in Default Browsers：使用默认浏览器打开 快捷键：alt+B 修改默认浏览器 依次打开：文件—首选项—设置，输入open-in-browser.default，直接输入，比如我想用谷歌浏览器，输入Chrome即可 打开试试 谷歌中打开了（因为我电脑的默认浏览器是360，如果这里不设置打开的是360） ...
VScode中open in browser 和 view in browser默认浏览器配置
热门推荐
_吉尔伽美什
05-07 3万+
VScode中open in browser 和 view in browser默认浏览器配置 VScode是我们常用的编辑器，但是对于小白来说，安装好一个VScode还是要走好多弯路的，下面我们介绍一下关于VScode的两个插件open in browser 和 view in browser。 open in browser open in browser是VScode的常用插件，它的作用是可...
vscode open in browser与live sever插件使用问题
ziyuan12345678的博客
01-09 521
最近假期在学html,想着用vscode来开发,跟着网上安装扩展但却发现不好用,阅览器打不开,用livesever能打开端口但不会自动弹出. 为了解决问题便在网上找方法,经过大概半个小时时间吧,成功解决问题,现在写个教程还原一下踩过的坑. 1.OPEN IN BROWSER 无法打开阅览器,报错 解决方法:安装旧版本 2.LIVE SEVER无法自动弹出阅览器,以及无法自动更新问题 解决方法:增添C:\WINDOWS\system32环境变量,打开vscode自动保存. ...
open with live server和open default browser区别
07-28
"open with live server" 和 "open default browser" 是两种不同的操作。 "Open with live server" 是指使用开发环境中的一个插件或工具，如 Visual Studio Code 中的 "Live Server" 插件。它会在本地启动一个服务器，并将你的网页文件作为静态文件提供。当你使用 "Open with live server" 时，它会自动打开你的默认浏览器，并且会实时监测你对网页文件的更改，一旦你保存文件，它会自动刷新浏览器，以便你可以立即看到更改效果。 而 "Open default browser" 则是直接打开你的默认浏览器，并在其中加载你指定的网页文件。它不会提供实时监测和自动刷新的功能，只是简单地在浏览器中展示你的网页。 所以，主要区别在于 "open with live server" 提供了实时监测和自动刷新的功能，而 "open default browser" 只是简单地在浏览器中打开网页文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

kalrry

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

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

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

打赏作者

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

抵扣说明：

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

余额充值