想开发一个 chrome 插件，有什么现成脚手架推荐？

[needpp]

1. 主要写后端，平时折腾小工具主要使用 vue2 ，但是不介意学习新的框架或者语言，比如 react 等
2. 上架到谷歌商店的插件，是否能被反编译，如果组织不了，采用什么方式可以让反编译的成本变大？
3. 如果要要插件变现的话，是否可以接入支付组件？比如微信，支付宝等，是否会存在什么特殊限制？
4. 如果无法通过付费的方式获取收益，是否能接入广告？

谢谢，祝各位老板发财

[vsitebon]

https://github.com/tjx666/awesome-chrome-extension-boilerplate react 的

其它问题我回答不了，请后边的人回答吧；不过我见过利用插件盈利？的一般是捐赠或者订阅制

[snoopyhai]

https://github.com/NMTuan/base_vite_chrome_extension 我缝合了一个 vue3 的。目前还在功能分支上，不过基本能用了。

[eason1874]

上传到商店的扩展，略等于开源，加密代码会影响审核通过率

[lzgshsj]

https://github.com/PlasmoHQ/plasmo
这是我一直在关注的，工程化比较好的 chrome 扩展框架，自称是类比扩展界的 nextjs ，用的是 react

[molvqingtai]

古早时候写的一个，基于 webpack + vue 的 chorme 插件开发模板，支持以 web-component 方式直接将 vue app 挂载到宿主页面
https://github.com/molvqingtai/chrome-extension-webpack

[hlwjia]

@lzgshsj 哈哈哈 扩展届的 nextjs

可以可以

[magnetar]

1.vue 直接编译后放进去就行了，就是要打包后调试功能比较麻烦，github 好像有个针对扩展的 vue 的热更新调试脚手架，
2.用户能看到源代码，并且 background.js 不能加密，加密过不了审（微软能过审，页面文件编译的不影响）。
3.就跟网页一样的支付。
4.可以，但是意义不大，除非你的扩展主要使用场景是扩展自带的页面，如果你朝网页中插入广告没人用你的（除非无可替代，话说都无可替代了直接收费就 ok 了）。

[needpp]

@lzgshsj 谢谢老板，来试下扩展界的 nextjs

[ZoeeoZ]

拓展一般都是订阅获益吧, 再有就是捐赠,铺广告直接后果就是没人用了

[Honwhy]

我推荐使用这个，https://crxjs.dev/vite-plugin
我用它开发了两款浏览器插件，体验还可以，支持热加载、Vue3 、TypeScript 、Vite
开发 Chrome 插件搭配 @types 配置真的很舒服的。
btw： https://microsoftedge.microsoft.com/addons/detail/welibrary/mgohlikclghcmgbplhkjjpoecfkhocbo

[Honwhy]

@Honwhy 我现在不推荐`crxjs`了，我推荐`wxt`，wxt 体验更好，而且我还比较熟悉他的原理，稍微读过它的源码。

[Ldo]

@Honwhy #11 老哥，请教一下，如何在线更新插件，内部人员使用不需要上架市场

[Honwhy]

@Ldo 这个我正在研究中。有两部分问题要解决

1 、自行打包的 crx 文件如何安装并启用
crx 打包生成的插件 id ，要加入到电脑的组策略中。

2 、怎么建设 crx 托管服务及如何自动更新
示例文档给个 edge ，chrome 和这个几乎是一样的
https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/update/auto-update


不过这些和`wxt`等开发脚手架无关的哈。

[Ldo]

@Honwhy #13 经过我昨天的研究，我已经放弃在线更新了。 反正就团队中的人用，直接群里发安装包得了

[Honwhy]

@Ldo #14 这种方式需要每个人手工卸载旧版安装新版的。 团队小还行。我们集团人比较多，所以继续研究。
1 、今天通过修改本机注册表的方式解决了 crx 安装的问题
2 、接下来尝试用集团组策略的方案修改
。。。
有机会搞定的，也不算难。

[Ldo]

@Honwhy #15 我目前粗略的做了一套方案，简单做个版本号，有更新强制提示。点击链接去下载就行了

[Honwhy]

@Ldo #16 懂你意思了。 起码可以跑起来的。