首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

M1 VS Code Live Server扩展不启动chrome

是指在使用M1芯片的Mac电脑上,使用VS Code的Live Server扩展时,无法启动Chrome浏览器进行预览。

这个问题可能是由于M1芯片的架构与传统的x86架构不同,导致一些扩展和工具在M1芯片上无法正常运行。解决这个问题的方法有以下几种:

  1. 更新VS Code和相关扩展:确保你的VS Code和Live Server扩展都是最新版本,因为开发者通常会对新的硬件架构进行适配和修复bug。
  2. 使用其他浏览器:尝试使用其他浏览器进行预览,比如Safari或Firefox。Live Server扩展通常支持多种浏览器,你可以在扩展的配置中进行设置。
  3. 使用本地服务器:如果Live Server扩展无法启动浏览器预览,你可以尝试使用其他本地服务器工具,比如Node.js的http-server或Python的SimpleHTTPServer。这些工具可以在本地启动一个服务器,然后你可以在浏览器中手动输入地址进行预览。
  4. 参考腾讯云相关产品:腾讯云提供了一系列云计算产品,包括云服务器、容器服务、函数计算等,可以帮助开发者快速搭建和部署应用。你可以参考腾讯云的产品文档和教程,了解如何在云上进行开发和部署。

总结起来,M1 VS Code Live Server扩展不启动Chrome可能是由于硬件架构不兼容导致的问题。你可以尝试更新软件、使用其他浏览器、使用本地服务器工具或者参考腾讯云的相关产品来解决这个问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

VS Code开发】使用Live Server搭建MENJA小游戏并发布至公网远程访问

固定MENJA小游戏公网地址 前言 本篇教程,我们将通过VS Code实现远程开发MENJA小游戏,并通过cpolar内网穿透发布到公网,分享给无论身在何地的好友体验由你开发的游戏的乐趣。...话不多说,下面就来教大家如何使用VS Code编写一个MENJA切块小游戏,这里我们使用VS Code并结合Live Server插件进行调试,Live Server可以实现一键安装,实现自动刷新,架设本地服务器环境...编写MENJA小游戏 本篇文章的小游戏源代码地址:https://github.com/ADAMxWANG/menja 下载ZIP压缩包到本地: 在VS Code扩展中搜索Live Server,并安装...右键index.html文件,点击Open with Live Server 弹出web界面,端口为 5500 接下来可以在menja文件夹下进行调试,并使用Live Server随时进行调试,实时查看开发的网页...现在我们可以把这个通过VS Code编写的web网页或者游戏网页,通过cpolar生成的固定地址分享给你的好朋友们随时随地来进行远程游戏啦~

15110
  • 对于Web开发最棒的22个Visual Studio Code插件

    Chrome内置了一些功能,可以拥有更好的调试体验。这个插件能让你在vs code里使用所有(或者几乎所有)这些调试功能。 2....VS Code通过合适的配置,可以向你展示这些提示。 4. Live server https://marketplace.visualstudio.com/items?...这就是Live Server的用武之地! 它还在本地服务器上运行你的应用程序。 有些事情只有在服务器里运行应用程序时才能测试,因此这也是个利好之处。 5....我曾经习惯在Chrome中打开控制台,然后在其中输入一些代码,但缺点很多。 Quokka在VS Code中为你提供了一个JavaScript(和TypeScript)暂存器。...我喜欢 Live Server extension 扩展(上文提到的),但就便利性而言,这个扩展更进一步。它为您提供了VS Code内部的实时重新加载预览。 无需再查看浏览器即可看到很小的变化!

    2K20

    「译」提升 Web 开发效率的 VS Code 扩展

    我已经使用 VS Code 很久了,作为一名全栈开发者,我也尝试过各种扩展。本文将介绍一些对我的开发工作起到很大帮助的扩展,希望能对你有所帮助。...使用上面两个扩展后,你的编辑器就会铺满各种颜色,这可以让代码块更容易阅读,同时起到护目的效果。一旦你习惯了它们,VS Code 就不再平淡无奇了。...只需要安装扩展启动,之后复制粘贴代码到 Polacode 即可。接着你就可以下载这个截图了。我很喜欢这个扩展。...其它 Settings Sync: 可以将你的 VS Code 配置同步到 Github 上,包括基础设置、热键和 VS Code 扩展。...Live Server: 开启一个本地服务器,可以为静态或者动态页面提供实时刷新功能。 Code Runner: 在 VS Code 中运行代码,支持大部分编程语言。

    78221

    vs code中进行本地调试和开启本地服务器

    一 在vs code中进行本地调试 1、首先在VSCode 上装一个插件:Debugger for Chrome ,如下图所示:在搜索框中输入Debugger for Chrome 然后点击安装 2、...使用本机chrom调试” 4、选择好名称之后,直接按F5,就会弹出浏览器界面,就可以进行调试了 image 以上配置还没有开启服务器,上面的操作相当于直接在浏览器中打开界面 二 开启本地服务器 1、打开VS...Code,然后点击“查看” => “调试控制台” 或者 直接按快捷键 ctrl+shift+y调出控制面板 2、点击“终端”,在里面直接输入 npm install -g live-server 全局安装...live-server npm install -g live-server 3、安装完成后会出现live-server的版本信息,表示安装成功 4、在终端输入:live-server会出现下面的信息

    1.9K10

    VsCode安装

    一、下载 进入VS Code官网:https://code.visualstudio.com,点击 DownLoad for Windows下载windows版本 当然也可以点击旁边的箭头,下载Windows...继续点击下一步 可以勾选创建桌面快捷方式,如果不想使用vscode作为代码默认打开方式,可以取消将code注册为受支持的文件类型的编辑器,点击下一步 点击安装,开始安装 安装完成,运行VS Code。...三、VS Code插件安装 VS Code提供了非常丰富的插件功能,根据你的需要,安装对应的插件可以大大提高开发效率。...,Opera,IE以及Safari 10、Live Server 一个具有实时加载功能的小型服务器,也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。...四、VS Code 配置 打开配置面板,根据自己的喜好,可以修改字体、背景样式等偏好设置

    17210

    大前端时代你的VSCode插件

    EditorConfig for VS Code 此插件尝试使用.editorconfig文件中的设置覆盖用户/工作区设置,不需要其他或特定于vscode的文件,与任何EditorConfig插件一样,...Debugger for Chrome 用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。 ?...VS Live Share 此外,与传统的结对编程不同,Visual Studio Live Share允许开发人员一起工作,同时保留他们的个人编辑器首选项(例如主题,键绑定),以及拥有自己的光标。...JavaScript (ES6) code snippets 此扩展包含用于Vs代码编辑器的ES6语法中的JavaScript代码片段(支持JavaScript和TypeScript)。 ?...Reactjs code snippets 此扩展包含Reactjs的代码片段。 ?

    1.4K30

    作为JavaScript开发人员,这些必备的VS Code插件你都用过吗?

    VS Code插件的种类 在本文,我主要介绍专门针对JavaScript开发者的VS Code插件。有很多满足此条件的VS Code插件,当然我不会都作介绍。...源码:vscode-chrome-debug。  ? Live Server:开启本地开发时服务器,为静态和动态页面提供实时刷新功能。...源码:vscode-chrome-debugvscode-live-server。  ? Preview on Web Server:提供web服务器和实时预览功能。...VS Code for Node.js - Development Pack:这个包含NPM IntelliSense、ESLint、Debugger for ChromeCode Metrics、Docker...像ESLint这样的插件,帮助你避免代码中的常见错误;Debugger for Chrome,帮助你更容易地调试代码;带有智能提示的Node.js插件帮助你正确引用模块;像Live Server和REST

    2.9K10

    原生支持苹果M1 Mac的VS Code稳定版来了,运行速度提升

    机器之心报道 编辑:杜伟 宇宙第一开发工具微软 VS Code 正式版现在支持 M1 芯片了,开启速度提升了数倍。...它是程序员常用的代码编辑器之一,是一个可在所有平台上使用的开源、可扩展和轻量级的编辑器。VS Code 还拥有大量扩展,可以帮助提高开发效率、提升开发幸福感。...VS Code 对多种操作系统的支持一直是其优势,苹果 macOS 系统也例外。2020 年 11 月,苹果发布了三款搭载自研芯片 M1 的 Mac。...一个月后,微软就发布了原生支持苹果 M1 Mac 的 VS Code 预览版。 近日,微软发布了 VS Code 1.54.1 稳定版,正式支持苹果 M1 Mac。...; Brackets 扩展:在 VS Code 中可以使用 Brackets 键盘快捷键。

    1.6K30

    2024年开发者必备:15款提升效率的VSCode插件精选分享

    Lightrun 的 VS Code 扩展允许开发者安全地向正在运行的应用程序添加动态日志和指标,而无需修改源代码或重新部署应用程序。...通过使用 Lightrun 及其 VS Code 扩展,开发者的生产力得到了显著的提升。...12、Live Server 扩展 Live Server 是一款功能强大的 Visual Studio Code 扩展,它通过提供一个具有自动浏览器重新加载功能的快速开发服务器,简化了你的开发过程。...Live Server 高度可定制,允许你设置首选的端口号、服务器根目录和默认浏览器。它支持使用高级命令行选项的任何浏览器,并提供 Chrome 调试附件以进行高级调试。...它可以通过 Live Server Web 扩展处理任何文件,甚至是动态页面。此外,它还支持代理设置,使其成为适应不同开发环境的灵活工具。

    6.1K20

    提升编程效率:你不能错过的18款VS Code扩展

    Optimizer、CSS Peek、Placeholder Images和Live Server,它们各自提供了不同的功能和优点。...Live Server 地址:https://marketplace.visualstudio.com/items?itemName=ritwickde......一个快速开发的 Live Server,具有实时浏览器重新加载功能。通过单击状态栏上的一个按钮启动或停止服务器。 允许用户创建可定制的端口号,设置服务器根目录,并在设置中提供默认的浏览器配置选项。...当你有多个VS Code实例、使用VS Live Share或使用VS Code的远程功能,并且您想快速识别您的编辑器时,这是理想的。 18....itemName=pnp.polacode Polacode是VS Code扩展,可以截取你的代码的屏幕截图。该扩展程序生成的屏幕截图与其来源具有相同的样式和主题。

    31020

    微软再出手!这次要干翻 IDEA 了。。

    在 2022 年,VS Code 将允许开发者对反编译的类进行调试,在变量视图和 lambda 表达式评估中更快地进行评估。...VS Code 在 2022 年还将改善 Java 的测试,其中显示测试覆盖率就是官方十分希望支持的一个功能,这个功能可以进一步提高 Java 测试体验。...在这个领域,他们将提高 Java 语言服务器(Java Language Server)的可靠性,减少 Java 语言服务器无相应的情况。...由于不同的 Java 开发者可能从不同的 Java IDE 迁移至 VS Code,所以微软将使开发者从其他 IDE 迁移设置和配置都变得更容易。...最后,还将在 Java 扩展中支持 Live Share。 6、云原生开发 云原生是软件开发行业中最流行的话题之一。通过云原生开发方式,开发者需要处理微服务、云平台、Kubernetes 等问题。

    38140

    Golang流媒体实战之一:体验开源项目lal

    https://pengrl.com/lal/#/ 《Golang流媒体实战》系列的目标:学习开源项目lal并编码实战,达到深入了解流媒体的目的 本篇概览 作为《Golang流媒体实战》系列的开篇,本文涉及编码...,而是做一些基本操作,与大家一起了解lal,主要由以下内容组成 开发环境 下载源码 编译构建 启动lal 基础:推拉流 进阶:转推和录制 开发环境 这里介绍一下我这边的开发环境供您参考 操作系统:macOS...13.2 (MacBook Por, M1 Por芯片) IDE:Visual Studio Code 1.67.2 Go:1.19.3 接下来开始实战,从下载源码开始 下载源码 一行命令完成 git...:17.396586 INFO [RTMPPUBSUB1] < R connect('live'). tcUrl=rtmp://127.0.0.1:1935/live - server_session.go...:8080/live/test110.ts 另外hls格式的流也能用Safari浏览器直接打开(不能用chrome,会变成下载m3u8文件) 至此,《Golang流媒体实战》系列的开篇就算完成了

    1.3K40

    每个开发人员都应该知道的VS Code入门技巧

    这里有一些每个开发人员都应该知道的关于Visual Studio Code (VS Code)的技巧: 1、自定义键盘快捷键:VS Code允许您根据自己的喜好自定义键盘快捷键。...8、扩展:VS Code有一个庞大的扩展生态系统来增强它的功能。Extensions视图(Ctrl + Shift + X)可以浏览和安装针对不同编程语言、框架和工具的扩展。...一些流行的扩展包括Live Server, ESLint和GitLens等等。 9、代码片段:VS Code为常见的编程模式提供内置和用户定义的代码段,可以利用代码片段来提高生产力。...10、任务运行器和调试:VS Code为各种语言提供了任务运行和调试支持。使用.vscode/tasks创建和自定义任务。json文件。...在Debug视图(Ctrl + Shift + D)来就可以配置和启动调试会话。

    23010

    这些必备的VSCode JavaScript插件你都用过吗?

    VS Code的强大无疑来自于它的插件市场。多亏了开源社区,VS Code现在几乎对所有的编程语言、框架和开发技术都有支持。...在本文,我主要介绍专门针对前端开发者的VS Code插件。有很多满足此条件的VS Code插件,当然我不会都作介绍。相反,我会着重介绍那些已经相当流行而且对前端开发者来说必不可少的VS Code插件。...Debugger for Chrome(在编辑器中打断点,让你轻松地在Chrome里调试JavaScript。源码(vscode-chrome-debug。 ) ? 2....Live Server(开启本地开发时服务器,为静态和动态页面提供实时刷新功能。源码(vscode-chrome-debugvscode-live-server。) ? 3....Preview on Web Server(提供web服务器和实时预览功能。) 4. PHP Server(对测试只能在客户端运行的JavaScript代码很有用。) 5.

    5.9K10

    11个每个Web开发人员都应该拥有的VS Code扩展

    这些VS Code插件包括: Live Server:提供实时预览和自动刷新功能,方便调试和开发网页。 Prettier:自动格式化代码,保持代码风格的一致性和可读性。...Code Spell Checker 确保代码没有拼写错误对开发人员和审阅人员来说都是一种痛苦,因为我们经常在代码中遗漏一些小的拼写错误,无论是在代码、内容还是注释中,但是这个扩展可以实时地突出显示这些拼写错误...CodeSnap 直接从VS Code中拍摄一张可爱的代码快照,怎么样?...Live Server 这是我在VS Code中使用的第一个扩展,我特别喜欢它给本地工作带来的灵活性。它允许您启动一个本地开发服务器,支持静态和动态页面的热重载。...SVG Preview 此扩展VS Code添加了对SVG的实时预览和实时编辑的支持。 地址:https://marketplace.visualstudio.com/items?

    20720

    面向前端开发人员的VSCode自动化插件

    Live Server 一般情况下,当你在VSCode修改代码后,你需要手动刷新浏览器才能看到效果。也就是说,如果你对代码进行了100次更新,你需要刷新浏览器100次,这是一件很累且耗时的工作。...Live Server是VSCode中的一个很酷的插件,它可以为你自动完成上面说的这些工作,让你不必每次在保存后都要手动打开和刷新浏览器,这是由Live Reload这个Live Server的功能提供的...ESLint 代码检测是用于检查程序中的语法错误或按特定风格准则的代码, 而ESLint这样的代码检测工具允许开发人员在执行JavaScript代码的情况下发现其代码的问题。...ESLint是VS Code中下载量最大的扩展之一,有近1300万次下载,它能确保你坚持标准的代码准则,类似像定位、缩进等。...微软推出的Visual Studio CodeVS Code)自推出之初,就逐渐赢得了很多人的青睐。

    1K20
    领券