Tampermonkey-Vue

使用 Vue + Element-UI + TypeScript 开发油猴插件（Tampermonkey）。

安装Tampermonkey插件

请在浏览器安装Tampermonkey插件。

安装Tampermonkey插件后，可以点击插件选择添加新脚本，然后复制粘贴当前项目下dist/tampermonkey-vue.user.js的代码，Ctrl+S保存后，刷新浏览器即可预览效果。

配置

本地开发

npm run dev

可以在.env.dev进行开发环境的配置

// 插件运行环境
TAMPERMONKEY_APP_ENVIRONMENT=development
// 插件名称
TAMPERMONKEY_APP_NAME=TamperMonkey-Vue-TS-Dev
// 插件打包生成的文件，Tampermonkey插件的入口文件，注意格式应该为：*.user.js
TAMPERMONKEY_ENTRY_FILE=tampermonkey-vue-ts.user.js

打包发布

npm run build

可以在.env进行生产环境的配置，插件的版本号使用的是package.json的version版本号。

// 插件运行环境
TAMPERMONKEY_APP_ENVIRONMENT=production
// 插件名称
TAMPERMONKEY_APP_NAME=TamperMonkey-Vue-TS
// 插件打包生成的文件，Tampermonkey插件的入口文件，注意格式应该为：*.user.js
TAMPERMONKEY_ENTRY_FILE=tampermonkey-vue-ts.user.js

打包完成后，在dist目录下会生成tampermonkey-vue-ts.user.js文件，把该文件添加到Tampermonkey即可运行。

Tampermonkey配置

可以在tampermonkey.js文件，配置Tampermonkey选项。