使用本脚本支持直接调试生产环境的Vue项目 完美支持Vue2、Vue3!
当前为
特性
@babel/preset-envclone本项目,然后执行npm install
一个完整的油猴脚本格式如下
// ==UserScript==
// 这部分是头部区域,一般来说不会经常修改
// ==/UserScript==
// 这里是正文,也就是脚本的执行部分,是需要经常修改的
console.log('hello world')
头部区域的开发是在header/index.ts,使用了typescript,这样会有IDE完全支持,而不是单纯的写几个注释

开发完毕后执行npm run build:header编译
正文开发是在src/index.ts,在开发时,如果使用到GM_相关函数,有完整的声明支持:

1.先执行 npm run build 编译一次,编译结果为 dist/main.js
2.执行 npm run start:server 启动 http://localhost:7000服务
默认用户名/密码为derjanb / secret
在油猴中设置

3.点 + ,把第1步编译的结果dist/main.js粘贴进去 保存



4.执行 npm run sync,现在每次更新就会自动同步到油猴中了,不需要手动粘贴!
执行 npm run build 编译最新的文件
本项目中引用以下资源
server.js (有修改)