VSCode安装Live server插件并设置为谷歌浏览器打开

最新推荐文章于 2025-03-09 21:55:00 发布
最新推荐文章于 2025-03-09 21:55:00 发布
阅读量5.4k 收藏 9
点赞数 7
分类专栏： 前端 文章标签： vscode 编辑器 ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44904239/article/details/121694396
版权
本文详细介绍了如何在Visual Studio Code (VSCode)中安装和配置Liveserver插件，使其默认启动谷歌浏览器。首先，通过VSCode扩展市场搜索并安装Liveserver，接着重启VSCode并进入插件设置，将默认浏览器设置为谷歌浏览器，完成设置后，测试运行以确保一切正常。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

一、安装Live server插件

1.点击扩展——搜索Live server

在这里插入图片描述

2.点击安装

在这里插入图片描述

3.有如图所示表示安装完成

在这里插入图片描述

二、设置为谷歌浏览器打开（安装完Live server插件以后需要重启一下VSCode）

1.点击扩展——选择Live server插件——鼠标右击——选择扩展设置

在这里插入图片描述

2.选择默认为谷歌浏览器

在这里插入图片描述

3.设置完成可以运行测试下是否OK

第一篇 工欲善其事,必先利其器【前端入门】【Javascirpt开发环境部署】【vscode安装部署环境】【vscode配置】【Chrome浏览器安装和插件安装】
qq_44948011的博客
09-28 595
这一篇主要内容记录学习前端或者开发前端我使用的环境和工具。以及如何将他们安装到自己的电脑💻上，让这些工具和自己磨合匹配，方便自己日后的学习和开发。
VSCode插件大全｜VSCode高级玩家之第二篇
web17886480312的博客
03-09 710
上一篇文章《VSCode常用快捷键大全》，我们了解到了VSCode中的常用快捷键。学会了快捷键可以让我们更高效和迅速的编写代码。但是没有IDE中的一些辅助功能，还是美中不足。 VSCode没有安装插件，就等同于一把枪没有安装配件，打把的时候还是缺失精准度，开枪的时候也会有很重的后坐力。当然没有插件，也可以很好的编写代码，就是没有那么强而已。 所以这篇文章会给大家介绍VSCode中最常用的插件，让我们的编辑器加上一双翅膀，让我们在编写代码的过程中如虎添翼的感觉。 ??所有插件，只要搜索插件名就能找到哦！ .
VS code Live Server插件 设置默认浏览器为Google Chrome（一名小白的记录）
zyh20041111的博客
05-12 482
找到Custom Browser，更改选项为chrome，大功告成！插件->设置->拓展设置。
Visual Studio Code插件Live Server设置谷歌浏览器打开
m0_52798489的博客
08-14 416
前情提要：下载了Opera浏览器想看看不同浏览器对网页的兼容性。并且在某一天上课突发奇想，把Live Server打开的浏览器改成Opera。现在改回Chrome。
Visual Studio Code中Live-Server打不开浏览器解决方法
最新发布
jjjvg的博客
03-09 349
首先在插件库找到Live Server,之后对其右键，点击设置。找到这一项，把浏览器修改成自己电脑的浏览器就可以了。
02.vscode 设置open with live server为谷歌浏览器
weixin_40157997的博客
08-08 1374
vscode 设置open with live server为谷歌浏览器
如何设置vscode默认谷歌浏览器打开
bai101724的博客
01-03 5823
2、左下角中找到settings(设置) ，user(用户设置) ， Extensions（拓展），然后点到plugin open- in - browser 中。突然发现自己写完的网页都是电脑默认浏览器打开，而看到一些视频博主都是默认谷歌浏览器打开，然后就找到了设置的办法，记录一下。3、将Set default browser 设置为 Google Chrome 即可。1、在extensions（扩展商店）中安装open in browser 插件。
VS code，Live Server更改默认浏览器
weixin_66209469的博客
05-09 7048
1.打开VS code,如下图三步，打开Live Server设置 2.下翻找到 Live Server>Settings:Custom Browser,如下图两步修改即可
vscode 配置谷歌浏览器
08-11
回答: 如果你想在VsCode中配置谷歌浏览器，你可以使用一个名为LiveReload的插件。这个插件可以实现在保存代码后自动刷新浏览器页面的功能。安装了LiveReload插件后，你需要在VsCode的设置中进行一些配置。你可以打开...
VS Code官方文档-2.安装
blog.songjiahao.com
06-03 1062
获取并运行VS Code是非常简单快捷的，你只需要下载一个小小的安装包，然后花上几分钟安装一下就可以开始使用了。
vscode刷新页面
08-19
如果"Liver Server"插件打开的不是谷歌浏览器，你可以通过修改设置来将其设置为谷歌浏览器。在VSCode中打开设置，然后找到"LiveServerConfig"，在"Settings: CustomBrowser"中选择"chrome"。这样，你就可以在VSCode...
修改VScode插件Live Server打开的默认浏览器
m0_74732023的博客
03-13 2028
修改VScode插件Live Server打开的默认浏览器
Web前端学习笔记（六）～vscode中live server插件修改预览浏览器为谷歌浏览器
海到无边天作岸 山登绝顶我为峰
07-15 3760
Vscode中live server插件修改预览浏览器 步骤一： 点击vscode左下角的设置图标，然后再选择“命令面板” 步骤二： 在设置下面的input框中输入：settings 找到live server插件 找到：settings : custom browser 选择自己想要的预览浏览器 这里海轰选择的是：chrome 结果 ...
VsCode如何设置Live server默认浏览器（Open with Live Server）
axbhealj的博客
05-20 3107
VsCode如何设置liveserver打开的默认浏览器（Open with Live Server ）
vscode中加入live server插件并在浏览器中展示
Arinck的博客
04-28 1492
6.还有一种方法打开浏览器，在代码页面的任何位置右击，如图，选择“Open With Live Server”或者使用快捷键“alt+L ait+O”,也可以打开默认浏览器。5. 打开写好的html代码页面后，可以点击右下角的“Go Live”标识，即可自动打开默认浏览器并运行编写代码，写的过程中要及时保存代码可以实现网页代码的实时预览。2.在搜索框写入圈1“live server ”插件，选择圈2安装。3.等待安装完毕 后。4.安装插件完成后，
VSCode修改Live Server Config的默认浏览器
m0_52168624的博客
03-22 523
在编写代码的时候，相信大部分会选择Chrome浏览器，兼容性强、调试比较方便。在扩展中找到Live Server Config。简单六步，啥都不用输入就可以修改。
vscode设置谷歌浏览器为live server默认打开浏览器，报错vscode：Windows找不到文件‘chrome‘。请确定文件名是否正确后，再试一次。
weixin_44860226的博客
01-21 3551
此种错误可以通过将windows默认的浏览器设置为“谷歌”浏览器即可，首先，不要设置live server里面的任何设置，保持默认就行 第一步：打开windows设置，选择应用 第二步：点击默认应用，将默认的web浏览器设置为 谷歌浏览器 第三步 重启vscode，再次点击Go Live按钮就会发现，代码在谷歌浏览器上运行了 ...
更改VSCode的默认浏览器
Arinck的博客
11-01 5443
3.在搜索框中输入”Live Server › Settings”，4.点击下拉框，选择电脑上有的浏览器,就可以更改默认的浏览器了。第一个为默认打开方式，第二个为选择打开方式。1. 打开VSCode。点击左下角的”齿轮”。选择一种想要用的浏览器。2.然后选择”设置”。
Vscode更改默认浏览器
m0_58694771的博客
09-16 2086
本文介绍如何更改vscode默认浏览器
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

人菜瘾大的小熊

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

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

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

打赏作者

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

抵扣说明：

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

余额充值