不少开发者于运用谷歌浏览器之际, 碰见需安装oxc插件的情形。oxc乃一具备高效特质的JavaScript/TypeScript工具链, 在浏览器端以插件方式予以运用可显著提高开发效率。本篇文章助你明了怎样于谷歌浏览器内顺利装上oxc插件, 兼顾解决常见问题。

为什么要在浏览器里用oxc

在谷歌浏览器之上, oxc插件主要是为前端开发场景而服务, 像是代码检查、格式化或者实时分析等情况。在安装之前, 必须先去确认你所使用的浏览器版本是不是支持, 一般而言, Chrome 90以上通常都是没有问题的。有一些人进行安装之后, 却发觉插件没有进行显示, 或者出现提示“无法从该网站添加应用”, 这种状况通常是源于下载的来源不正确。

oxc插件具备的核心优势在于速度十分快, 它是运用Rust进行编写的, 相较于传统的JavaScript工具而言速度能快出10倍还要多, 在浏览器里安装好之后, 你能够在开发者工具当中直接去调用oxc的功能, 像是快速解析ESLint规则或转换代码, 对于存在频繁调试需求的项目来说, 这能够节省下相当多的时间。

固然, 于安装之前, 最好先行关闭杀毒软件以及浏览器的防护模式, 缘由在于存在一些安全策略会对第三方插件予以拦截。要是从官网下载而来的crx文件无法拖入扩展程序页面, 那么不妨尝试开启开发者模式之后再进行拖拽。

下载和安装步骤卡在哪里了

最为常见的那种安装方式是借助Chrome网上应用商店来进行, 然而oxc插件并非一定就被上架了, 在更多的时候你不得不要从GitHub或者官方站点去手动予以下载。首先要前往oxc的GitHub Release页面找寻到最新的crx或者zip文件, 要留意千万别下载错误了版本, 比如说Windows和Mac的包有的时候是混在一起放置的。

去进行下载操作之后, 开启谷歌浏览器, 于地址栏键入chrome://extensions/进而进到扩展程序管理页面。将右上角的“开发者模式”开关予以打开, 随后把经过下载之物且是crx格式的那种文件直接拽进页面内。倘若系统弹出提示表明“只能通过Chrome网上应用商店安装”的情况, 那就把crx的后缀调整为zip, 解压完毕进一步以“加载已解压的扩展程序”这样的方式加以导入。

浏览器版本状况存在一个坑, 即版本过旧, 确切来说, 像Chrome 80以下的版本, 是不支持某些新插件协议的。另外, 要是之前安装过测试版, 那么要记得, 应当先卸载旧版本, 不然的话就会产生冲突的情况。安装完成之后, 需要在扩展程序列表里进行确认, 查看oxc图标是不是亮起了, 如果点击之后没有任何反应, 那就得检查一下插件权限有没有给予。

装好后用不了怎么办

时不时地, 在安装完oxc插件之后, 于开发者工具当中却寻觅不到其功能。首先去刷新页面，接着按下F12以打开DevTools, 瞧瞧是否存在新增的“oxc”面板。要是没有的话, 在扩展程序页面点击“详细信息”, 去确认“允许访问文件网址”以及“在无痕模式下启用”均已开启了。

若是插件面板呈现灰色状态, 那么其有可能是当下页面存在不兼容情况, 就像某些本地html文件不能够直接对插件加以调用那样。不妨尝试在localhost的测试项目当中将其打开, 或者去访问一个在线代码仓库并查看一番。另外也存在网络方面的问题, 这是由于oxc插件有时候有待下载额外的二进制文件, 而挂着梯子极易致使下载遭遇失败。

若确实不行那就回退版本, 前往GitHub找一个旧版的oxc插件尝试一下。另外要留意不可同时安装多个同类型插件, 像Prettier和oxc或许会争抢权限。最为笨拙的办法是重置浏览器设置, 不过要记得事先备份书签以及密码。

oxc插件的安装并非何等复杂之事, 关键要点在乎选对那唯一合适的版本, 开启对应且精准无误的模式, 提供恰当且恰到好处权限。倘若依照上述所提及的步骤完整走上一回可还是未有成效, 那就能够前往V2EX或者GitHub Issue区里面去搜寻一番, 大概会有人恰巧遭遇过同样的问题呢。