首页
学习
活动
专区
工具
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生成的固定地址分享给你的好朋友们随时随地来进行远程游戏啦~

18210
  • 对于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内部的实时重新加载预览。 无需再查看浏览器即可看到很小的变化!

    2.2K20

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

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

    79921

    在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 配置 打开配置面板,根据自己的喜好,可以修改字体、背景样式等偏好设置

    22210

    大前端时代你的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

    20个超实用的VS Code扩展(2024年版)

    大家好,今天学研君给大家带来一篇关于 VS Code 扩展的文章。VS Code 这几年做得是风生水起,可以算得上是微软的良心产品,其最大的优势就是拥有众多高质量的扩展。...Live Server 是 Web 开发必备的扩展,尤其是在处理 HTML、CSS 和 JavaScript 时的必备神器。...Live Server 是一个本地的开发服务器,当代码发生变化时会自动刷新浏览器。...你可以通过快捷键或右键单击 HTML 文件选择 “Open with Live Server”,或单击 VS Code 窗口底部的 “Go Live” 按钮启动 这是一个很小众但非常实用的扩展。...如果你经常要更改多个同样的文本,那你一定会喜欢这个扩展。 在 VS Code 中,使用快捷键 Ctrl+D 或 Ctrl+Shift+L 可以选择文件中相同的文本(注意,在选择时可以不区分大小写)。

    51410

    作为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 Chrome、Code Metrics、Docker...像ESLint这样的插件,帮助你避免代码中的常见错误;Debugger for Chrome,帮助你更容易地调试代码;带有智能提示的Node.js插件帮助你正确引用模块;像Live Server和REST

    2.9K10

    HTML 基础概念:什么是 HTML ? HTML 的构成 与 HTML 基本文档结构

    在 XML 和 HTML 中,一个元素可以包含一个数据项,或是一块文本,或是一张照片,亦或是什么也不包含。一个典型的元素包括一个具有一些属性的开始标签,中间的文本内容和一个结束标签。...在 VS Code 中创建一个新 HTML 文件时(如 01.html),可以利用内置的 Emmet 快捷方式来生成基本结构。只需输入 !...并按下 Tab 键,即可自动生成如下 HTML 基础模板: 如何打开新建的 HTML 文件 创建 HTML 文件:在代码编辑器(如 VS Code 或者是 Webstorm )中新建一个 HTML 文件...方法 3 ( VS Code 内置功能): 在 VS Code 中安装 “Live Server” 扩展。...安装完成后,右键点击文件并选择 “Open with Live Server”,即可在本地服务器上实时查看文件,并且每次保存都会自动刷新页面。

    28210

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

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

    8.6K20

    原生支持苹果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.7K30

    微软再出手!这次要干翻 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 等问题。

    38940

    提升编程效率:你不能错过的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的扩展,可以截取你的代码的屏幕截图。该扩展程序生成的屏幕截图与其来源具有相同的样式和主题。

    37820

    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] live'). tcUrl=rtmp://127.0.0.1:1935/live - server_session.go...:8080/live/test110.ts 另外hls格式的流也能用Safari浏览器直接打开(不能用chrome,会变成下载m3u8文件) 至此,《Golang流媒体实战》系列的开篇就算完成了

    1.7K40
    领券