vscode 启用open with live server功能，配置谷歌浏览器chrome

最新推荐文章于 2024-06-09 10:20:42 发布
最新推荐文章于 2024-06-09 10:20:42 发布
阅读量4.1k 收藏 12
点赞数 8
文章标签： vscode chrome 前端
原文链接：https://blog.csdn.net/qq_23391997/article/details/124064379
版权

VScode 使用系列之open with live server-- 浏览器配置

`

在免费开源的轻量级开发工具中，VS code 是很多工程师的首选，无论是前端，还是后端开发，VS code 配合拓展都提供了丰富的选择。

一、open with live server安装

在扩展中输入live server，点击安装即可
在这里插入图片描述

二、在设置中点击 《设置》

在这里插入图片描述

三、在设置中点击 《设置》

选择工具区->Live Server Config->Settings：Custom Browser选择chrome，即可。
在这里插入图片描述

你的峰哥
关注
  • 8
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
谷歌浏览器 CHROME 73.0.3683.86 增强优化版 By QiuQuan
03-26
谷歌浏览器(Chrome浏览器)是一款可让您更快速、轻松且安全地使用网络的浏览器，它的设计超级简洁，使用起来更加方便。 此版特点： - 基于官方最新稳定版制作，精简部分非必要文件，减小安装程序体积； - 集成耍...
谷歌浏览器【支持flash】
08-24
谷歌浏览器（Chrome）是全球广泛使用的网络浏览器，以其快速、安全和用户友好的特性而闻名。在技术发展的历程中，Adobe Flash曾是互联网上动画和交互式内容的主要平台，但随着时间推移，由于其安全性和性能问题，...
搭建Vue开发环境——并解决vs code右键没有Open With Live Server，Open With Live Server没反应等问题
weixin_74261569的博客
12-21 2150
搭建Vue开发环境——并解决vs code右键没有Open With Live Server，Open With Live Server没反应等问题
VSCode调试揭秘：Live Server助力完美测试Cookie与Session，远超“Open in Browser“！
最新发布
啊猪是的读来过倒的博客
06-09 1102
适用于简单的本地文件访问，但不支持跨域Cookie和Session的处理。通过本地HTTP服务器访问文件，支持跨域Cookie和Session的处理，并提供更多的配置灵活性。对于需要测试跨域功能的开发者来说，它是一个更好的选择。所以，在开发过程中，如果需要处理跨域相关的Cookie和Session，建议使用。然而，如果你只是需要简单地查看本地HTML文件，open in browser 可能就足够了。
open with Liver Server自动打开文件夹两种解决方案
Javameatpoultry的博客
07-09 779
open with Liver Server自动打开文件夹两种解决方案
vsCode中代码保存自动刷新页面，open with live server，可修改打开浏览器
热门推荐
编程界明世隐的博客
03-15 1万+
前言 在我们使用vscode写代码的时候，每次修改都要先保存，再刷新浏览器才能看到代码变动后的效果，如果只要保存，浏览器会自动刷新岂不是更好，下面这种方法就可以做到。 插件市场安装live server插件 打开文件 在编辑的html页面，右键 --> open with live server。 看浏览器 直接修改内容，不需要去浏览器刷新，保存即可自动刷新（比如后面加123） 如果live server 插件打开不是谷歌浏览器，也可以修改 打开设置 => 工作区
VScode open with live Server 没反应解决办法，查看端口占用
Libra99WU的博客
09-12 1万+
VScode直接官网下载安装很方便，可以安装很多插件，在下面图里画圈的点击进去搜索下载 中文插件 第一款 样式插件 第三个 模拟线上的插件 我在安装之后出现一些小问题 找了一些解决办法，首先点击liveServer的设置按钮有个扩展复制，点击进去，会有在seetings.json中编辑，点击进去， 复制下方代码 { "files.autoSave": "afterDelay", "files.autoSaveDelay": 500, "liveServer.settings.CustomBrowser"
谷歌浏览器去除Chrome请停用以开发者模式运行的扩展程序
05-02
标题中的“谷歌浏览器去除Chrome请停用以开发者模式运行的扩展程序”问题，通常是由于用户在谷歌浏览器（Google Chrome）中启用了开发者模式的扩展程序，导致浏览器出现警告或者功能受限。开发者模式允许用户手动...
Chrome6.5.7-谷歌浏览器手势插件
10-19
Chrome6.5.7是一款专为中国用户定制的谷歌浏览器手势插件，旨在提供更加符合国内用户操作习惯的浏览体验。这款插件相比谷歌浏览器官方商城中的同类产品，具有更高的易用性和实用性，使得用户在浏览网页时能够通过...
vscode-live-server：为静态和动态页面启动具有实时重新加载功能的开发本地服务器
02-06
[要尝试使用 （BETA）吗？ 它将启用实时更改，而无需保存文件。 ]实时服务器Live Server喜欢 :heart_with_arrow: 您的多根工作区... 右键单击资源管理器窗口中的HTML文件，然后单击“ Open with Live Server 。 。 打开
vscode安装了Live Server插件后，用Open with Live Server运行本地html文件，页面出现选择文件打开的效果，目录是~/，页面标题是listing directory
青春木鱼的博客
01-25 3202
vscode安装了Live Server插件后，用Open with Live Server运行本地html文件页面，会出现选择文件打开的效果，目录是~ /，页面标题是listing directory
vscode open with live server_VSCODE 调试 Javascript
weixin_39666496的博客
11-20 1238
调试前端代码 console.log 在代码中 debugger 使用 chrome dev tools 打断点 1. watch 添加想要追踪的变量 2. 调用堆栈 3. 函数内局部变量 4. 这个 js 文件内的变量 5. 全局变量 6. 可以把自己本地的代码文件夹添加进来，这样在 chrome dev tools 里改动的代码会同步到本地的代码4. 使用 ...
关于VSCode如何设置Live Server默认浏览器（Open with Live Server）
weixin_42793577的博客
03-12 998
Open with Live Server如何设置默认浏览器 1.文件->首选项->设置 2.搜索 “live” ，找到 “Live Server › Settings: Custom Browser”
在vscode中使用Live Server 真机调试
m0_64520392的博客
06-27 3213
Vscode Live Server 安装并使用 移动端真机调试
VSCode修改Live Server Config的默认浏览器
m0_52168624的博客
03-22 468
在编写代码的时候，相信大部分会选择Chrome浏览器，兼容性强、调试比较方便。在扩展中找到Live Server Config。简单六步，啥都不用输入就可以修改。
vscode+live server——更改端口号——基础积累
yehaocheng520的博客
02-07 9538
vscode+live server——更改端口号——基础积累
使用VScode插件 Live Server Config进行实时预览提示错误的解决办法
q1054261752的博客
08-13 365
使用VScode插件 Live Server Config进行实时预览提示错误的解决办法
鼠标右键打开 VSCode 设置（Open With VSCode）
wuyixiangt的博客
11-07 3668
我这里的路径是 "D:\installation_free\Microsoft VS Code1.52\Microsoft VS Code\Code.exe"的VSCode文件夹（项），如果之前没有设置过路径，一般需要自己建立此文件夹（项），当然，也可以另取别名。双击右边的 默认 设置软件所在路径，并在后面加上 "%1" (英文的双引号🙂)点击所建文件夹（项）鼠标右键 新建 项， 并命名 Command。按 win+R 组合键运行命令窗口。设置软件所在路径，并在后面加上。设置软件所在路径，并在后面加上。
Selenium WebDriver启动谷歌浏览器Chrome空白
06-07
这个问题可能是由于Selenium WebDriver与Chrome浏览器的版本不兼容所导致的。为了解决这个问题，你可以尝试以下几个步骤： 1. 确保你正在使用最新版本的Chrome浏览器和Selenium WebDriver。 2. 如果你的Chrome浏览器版本不是最新的，尝试将其更新到最新版本。 3. 检查你的Selenium WebDriver是否与Chrome浏览器版本匹配。你可以在Selenium官方网站上找到版本兼容性信息。 4. 确保你的Chrome浏览器和Selenium WebDriver的驱动程序路径正确设置，并且它们的版本匹配。 5. 如果上述步骤都没有解决问题，尝试在启动Chrome浏览器时添加一些选项，例如禁用GPU加速或启用沙盒模式。 希望这些步骤可以帮助你解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值