首页
学习
活动
专区
圈层
工具
发布

使用 WXT 开发浏览器插件(上手使用篇)

=https://registry.npmmirror.com # 开始调试插件 npm run dev QAQ - WSL2 下开发遇到的问题 使用 WSL2 进行开发的时候,npm run dev...Load ".output/chrome-mv3" as an unpacked extension manually 大概看了下 wxt 的实现,它是通过 web-ext 跟进指定的浏览器的 bin...解决方法 没办法了,如果还想继续用 wsl 做开发,只能手动加载插件了,在 windows 上打开 chrome 后,地址栏输入 chrome://extensions/ 转到插件管理页 (记得开启开发者模式...) -> 加载已解压的扩展程序: 我们要加载的插件目录是在 wsl 中的(即: .output/chrome-mv3/),好在 Window 和 wsl2 的文件文件系统是打通的,可以相互访问,我们可以使用...\Ubuntu-20.04\home\yeshan333\workspace\github\yeshan-bowser-extensoin\.output\chrome-mv3 Done , 搞定咯,可以愉快码代码了

1.3K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    npm run 是什么?为什么使用npm run 这一命令,就能够将 webpack 跑起来并进行下一步的操作?

    npm run 实际上是衔接 node 和 webpack 的连接点。先看看终端运行的npm是什么,如下图: 携手创作,共同成长!...\bin\npm-cli.js" %* 它的批处理的语法过程,可以参考上一篇:npm run dev 后 webpack-dev-server 做了哪些事情 中对于 webpack-dev-server.cmd...这里通过 npm.cmd 的执行达到的目的就是执行 node 项目根路径\node_modules\npm\bin\npm-cli.js run dev 。...这三个参数分别就是: 项目根路径\node_modules\npm\bin\npm-cli.js run dev 下面我们简单说一下这个过程,因为它涉及到 node ,又涉及到 npm 。...如下: 在后续的步骤中它会调用的关键业务是在 run-script.js 中的 async exec 方法对于run方法的调用,来读取并解析项目根路径下的 package.json,如下: 到这一步基本上就算是把

    1.4K20

    在win10的WSL中设置前端开发环境

    ,加上 windows 下丰富的软件生态,开发体验上已经可以简单类比甚至局部超越 macOS 了。...安装 ubuntu 按此文设置(看完“运行WSL”章节即可):Win10 安装 Linux 子系统,本文以安装了 Ubuntu 为例 系统版本比较新的可以按这篇 Win10 安装 Linux 子系统 (...(上一步查出的对应版本) 的“帮助”, 参考其说明后,其实直接做以下替换操作即可: 打开/etc/apt/sources.list,替换默认的//archive.ubuntu.com/等url为//mirrors.aliyun.com...等;依次执行以下命令: sudo apt-get install zsh chsh -s /bin/zsh # 把第一行的/bin/bash改成/bin/zsh,最后一行同样检查一下 sudo vim...安装必要的组件 VSCode 自动重启后,在 wsl 中运行 npm 命令正常开发即可 同时要注意这里项目中的 npm 依赖项要在 wsl 环境下重新 install,原来在 cmd / powershell

    4.7K20

    WSL2环境下的Claude Code与lanyuncodingui安装与配置

    前言 AI编码助手Claude Code因其强大的功能在开发者社区中备受关注,但其官方仅支持macOS与Linux平台,这一明确的技术限制将广大的Windows开发者排除在外,使其无法在自己熟悉的操作系统上直接体验...我们将借助适用于Linux的Windows子系统(WSL2)技术,在Windows系统内部构建一个完整的、无缝集成的GNU/Linux环境,从而为Claude Code的运行创造必要条件。...下载完成后,可以在开始菜单中找到Ubuntu 22.04.5 LTS,如果终端使用的是 Windows Terminal 那么在选项卡中也能看到 Ubuntu 22.04.5 LTS 的选项。...我们通过详尽的步骤,确保了开发者能够顺利地在WSL2环境中完成所有基础环境的搭建与配置。 此基础上,蓝耘lanyuncodingui的引入是提升整个方案实用性的关键。...因此,lanyuncodingui的运用,使得在Windows上使用Claude Code成为一个真正高效、可靠的技术方案。

    94010

    2024程序员容器化上云之旅-第2集-Ubuntu-WSL2-Windows11版:接近深洞

    此外,他常用的编程和办公软件都在Windows上运行。✅因此,WSL2成为了唯一能同时兼顾Windows上的编程和办公软件,以及在Linux上部署容器化应用的解决方案。...读了这本书,他领悟到,WSL2中的Ubuntu,不仅可以当做部署容器化应用的测试环境,更可以配合Windows 11上现成的vscode等开发工具,成为一个开发环境。...喜欢开源软件的马意浓,很喜欢在Ubuntu上进行编程。WSL2上的Ubuntu,让他能感受到孙悟空找到如意金箍棒的快意。他的精神为之一振。...马意浓的下一个目标,就是在wsl2的Ubuntu本地Gradle和npm的开发环境里,成功运行前后端分离的shopping list web app。...他从那本WSL2的书里了解到,在docker desktop的settings里,如果设置了允许docker与WSL2 Ubuntu distro集成,那么在Ubuntu终端窗口里,就能使用docker

    88084

    Windows 上安装使用 Claude Code 指南

    • 关注公众号:#沉浸式趣谈,获取最新文章(更多内容只在公众号更新) • 个人网站:https://yaolifeng.com 也同步更新。 • 转载请在文章开头注明出处和版权信息。...前置条件:安装 WSL2 要在 Windows 上使用 Claude Code,首先需要安装 WSL2(Windows Subsystem for Linux)。 安装步骤 1....PowerShell # 设置 WSL 默认版本为 2 wsl --set-default-version 2 # 安装 wsl --install # 更新 WSL 并使用网页下载(如果已安装 Ubuntu...电脑搜索:Ubuntu 并打开,执行下面的命令 # 安装NVM curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh...如果 C 盘内存小,可以把 WSL 迁移到其他盘,具体方法:Claude Code 在 Windows 系统中安装全流程教学[1] 引用链接 [1] Claude Code 在 Windows 系统中安装全流程教学

    2K10
    领券