vue3 + ts + vite 工程化开发Tampermonkey【油猴、篡改猴】脚本

项目概述

vue3 + ts + vite 工程化开发Tampermonkey【油猴、篡改猴】脚本。 编译后生成Tampermonkey脚本，导入到Tampermonkey插件中直接使用。

项目背景

在与后端用Swagger联调API时，或者后端在用Swagger自测API时，一刷新Swagger页面时就需要输入Token，非常麻烦。
于是想实现自动填充Token，从而实现自动授权。
没有自动授权时的效果如下图所示：

在本地开发时，运行项目后，默认就是有自动授权的，可以注释掉/src/main.ts中的initCleanBtn()和waitForAuthorizeBtn()代码来模拟没有自动授权时的效果。如下图

项目目标

使用Vue工程化开发，最终编译成一个Tampermonkey用户脚本；再导入到Chrome、Edge浏览器的Tampermonkey插件中，实现Swagger的自动授权功能。这个需求虽然是一个简单的需求，但是它是一个麻雀虽小，五脏俱全的项目，包含了Vue、Vite、Node、TailwindCSS等技术栈； 完全符合V