使用本脚本支持直接调试生产环境的Vue项目 支持Vue2、Vue3!
当前为
使用本脚本,在生产环境也可以使用Vue Devtools调试你的项目,支持Vue2、Vue3
1.1版本对hook方式进行了重写,结构更清晰
正常情况下,开启成功后,控制台会显示:,并且可以使用Vue Devtools:
使用方法:
方法1
在你的vue项目,按F12打开控制台,复制dist/main.js中的内容执行
方法2
(1)在浏览器安装 tampermonkey 插件
(2)去greasyfork安装脚本
如果修改了header/index.ts,需要执行npm run build:header编译一下头
代码在src/index.ts中
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 编译最新的文件