Console Importer浏览器插件的编译 及 制作成.crx浏览器插件的步骤

近日由于下载Console Importer浏览器插件(一个前端调试窗口方便引下第三方库便于学习测试的插件)找不到资源，于是找到该插件的源码，地址：https://github.com/pd4d10/console-importer），发现该插件基于一款名为“Plasmo”的框架开发，专用于开发各浏览器扩展程序的开发。

Plasmo简介（官方文档：https://docs.plasmo.com/）

Plasmo 是一个专门开发浏览器扩展程序的框架，旨在简化浏览器扩展的开发流程。它提供了丰富的功能和工具，帮助开发者快速构建和部署浏览器扩展。Plasmo 框架支持多种现代前端技术，如 React 和 TypeScript，使得开发者可以利用这些技术来构建复杂的浏览器扩展。

就像是浏览器插件开发领域的 Next.js

编译插件：

1.  pnpm install（由于有些引用资源地址访问不太稳定，可以多执行几次试试直到全部获取成功不出错）
2. 可选步骤 npm run dev（或 pnpm dev 或 pnpm plasmo dev）编译后的目录可直接拖入到浏览器的扩展程序管理中测试（Plasmo将为您的扩展创建一个开发包和一个实时重新加载的开发服务器，在文件更改时自动更新您的扩展包，并在源代码更改时重新加载浏览器。它还用DEV |作为扩展名的前缀，并使图