vscode中open in browser和open with live server的区别

最新推荐文章于 2024-08-09 08:36:14 发布
最新推荐文章于 2024-08-09 08:36:14 发布
阅读量5k 收藏 19
点赞数 7
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44275756/article/details/118680928
版权

open in browser：url显示的是电脑存储的默认路径，访问的是项目保存的电脑地址,会存在图片加载不出来问题。同时访问的页面是静态页面，也就是，在写代码的同时，在工作区保存了代码之后，还需要另外到浏览器页面进行刷新才能看到最新的效果，在开发时较麻烦。
在这里插入图片描述
open with live server：url是以127.0.0.1开头，即使用web服务器打开，可以解决掉前面图片不显示的问题。（5500是端口号）在这里访问的是动态直播页面，也就是在写代码时，只需要在工作区进行保存，浏览器端的页面就会同时进行更新显示效果在这里插入图片描述

树本华
关注
VS Code 之 Open In Browser 与 Live Server 的区别---kalrry
kalrry
01-26 2512
VS Code 之 Open In Browser 与 Live Server 的区别---kalrryOpen In BrowserLive Server Open In Browser open in browser：访问的是保存项目的地址,会存在图片加载不出来问题。因为访问的是静态页面，写的代码保存后，还需要刷新浏览器才能看到最新效果，在开发时较麻烦。 Live Server Live Server：是用web服务器打开，，访问的是动态直播页面，写的代码保存后，不需要刷新浏览器，直接能看到最新效果，在
vscode下的open in Browser VS open with live Server
莫逸雪的博客
12-02 2269
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文
OpenVSCode Server：开启远程开发新纪元
最新发布
gitblog_00485的博客
08-09 295
OpenVSCode Server：开启远程开发新纪元 openvscode-server项目地址:https://gitcode.com/gh_mirrors/op/openvscode-server 项目介绍 OpenVSCode Server 是一个创新的开源项目，它允许用户在远程服务器上运行 Visual Studio Code（VS Code），并通过现代网络浏览器进行访问。这一项目基...
VSCode解决设置默认浏览器方法（open with live server）
Fantasc的博客
08-09 6606
这个设置之后和open in browser的选线不一样，使用open in browser打开浏览器看效果的话每次修改代码都需要刷新网页才会生效，但是如果使用open with live server查看网页效果，所编写的代码只需保存即可在浏览器中看见实时效果。 VS Code中修改open with live server默认浏览器的方式如下：        点击设置–>在搜索栏输入“open in browser:defaul
VSCode调试揭秘：Live Server助力完美测试Cookie与Session，远超“Open in Browser“！
啊猪是的读来过倒的博客
06-09 1727
适用于简单的本地文件访问，但不支持跨域Cookie和Session的处理。通过本地HTTP服务器访问文件，支持跨域Cookie和Session的处理，并提供更多的配置灵活性。对于需要测试跨域功能的开发者来说，它是一个更好的选择。所以，在开发过程中，如果需要处理跨域相关的Cookie和Session，建议使用。然而，如果你只是需要简单地查看本地HTML文件，open in browser 可能就足够了。
Live server 和open in browser 的区别和配置问题
m0_66538833的博客
12-04 1446
Live server 和open in browser 的区别和配置问题
open with live serve和 open in default brower使用的需要注意路径
ZJC'博客
02-04 553
open with live serve，是打开本地服务器，所以路径书写的时候./和/是没有区别的 open in default brower 是直接本地打开，路径必须是./，否则即/会从根目录下进行读取
open with live server和open default browser区别
07-28
"open with live server" 和 "open default browser" 是两种不同的...所以，主要区别在于 "open with live server" 提供了实时监测和自动刷新的功能，而 "open default browser" 只是简单地在浏览器中打开网页文件。
open with Live Server
09-14
在VS code中使用"open with Live Server"可以帮助你在开发过程中更方便地预览和调试网页。与使用"open in browser"相比，通过使用"open with Live Server"打开网页，可以解决一些问题。 首先，"open with Live ...
vscode live server 5500设置
03-16
VSCode Live Server 550设置是指在VSCode中使用Live Server插件来启动本地服务器，并将端口号设置为550。具体步骤如下： 1. 在VSCode中安装Live Server插件； 2. 打开需要启动本地服务器的HTML文件； 3. 点击VSCode...
live server 的使用
lionheart922的专栏
04-12 1949
为什么要装 因为在本地跑 javascript的时候遇到了如上的错误，from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https. 只有在本地搭建一个server才能解决 安装Live Server..
vscode如何设置默认打开的浏览器为Chrome
10-14
总结来说，通过安装“Open in Browser”插件并设置默认浏览器为Chrome，以及利用“Live Server”插件进行页面热更新，你可以提升在VSCode中的Web开发效率。记住，持续关注和更新你的插件库，保持VSCode的优化配置，...
open in browser
weixin_30652879的博客
01-20 152
Sublime Text 3 Build 3065 Preferences-Key Bindings User: 直接key binding：{ "keys": ["alt+c"], "command": "open_in_browser" } 就可以用了； 转载于:https://www.cnblogs.com/stono/p/4235174.html...
sublime 插件开发初面-open with browser with IE/Chrome
weixin_30634661的博客
02-16 173
sublime 插件开发初面-open with browser with IE/Chrome 前端也混了半年多了， 不忘sublime的功劳！这等神器？小弟浅知，暂且保留问号。特别想开发几个插件玩玩。 感谢这篇文章提供的支持 http://ux.etao.com/posts/549sbulime 插件api （手册） 前言： sublime text 2 ...
[前端] 前端插件Open In Browser , 使用浏览器打开html文件
nullPoninter的博客
04-04 926
1
VS Code 右键打开 HTML 的插件 Open in Browser（在浏览器中打开）和 Live Server（实时服务器）
记录个人成长, 分享好用资源
05-16 1398
（在浏览器中打开）和（实时服务器）。
在vscode中安装“Open in browser”和“Open in Default Browser”插件
听海边涛声
04-22 1522
在vscode中安装“Open in browser”和“Open in Default Browser”插件
VScode安装open in browser插件
又菜又爱玩的小熊
10-26 6186
文章目录前言一、打开 VScode——点击安装扩展——搜索框输入 open in browser——点击 Install（安装）二、等待安装完成即可 前言 VScode鼠标右键没有 Open in Default Browser（在默认浏览器中打开） Open in Other Browser （在其他浏览器中打开） 这两个选项 一、打开 VScode——点击安装扩展——搜索框输入 open in browser——点击 Install（安装） 二、等待安装完成即可 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值