WXT+Vue3+sass+antd+vite搭建项目开发chrome插件

vue3：https://cn.vuejs.org/
axios：https://www.axios-http.cn/docs/api_intro
antd：https://www.antdv.com/components/config-provider-cn
sass：https://blog.youkuaiyun.com/randy521520/article/details/131242242
WXT：https://wxt.dev/
gulp-javascript-obfuscator：https://github.com/javascript-obfuscator/gulp-javascript-obfuscator
谷歌插件参考文档：https://developer.chrome.google.cn/docs/extensions/reference/api?hl=lv

前言

WXT的前身是vite-plugin-web-extension，vite-plugin-web-extension目前已经不再开发，只做维护，文章中静态js打包、静态js热更新、静态js混淆只是大概将了以下方法。不想费事的道友可通过此文章中的链接下载：https://blog.youkuaiyun.com/randy521520/article/details/146998467

一、初始化项目

1.cmd打开终端工具，运行：npx wxt@latest init

yarn：npx wxt@latest init
npm：npx wxt@latest init
pnpm：pnpm dlx wxt@latest init
bun：bunx wxt@latest init

2.输入项目名称，键盘方向键选择vue

3.键盘方向键选择选择包管理器

4.项目创建成功

5.开发者工具打开项目，打开开发者工具的终端，运行yarn install，安装package.json中的依赖包，安装成功后运行

6.安装成功后运行yarn dev，在打开的浏览器中加载打包好的扩展程