Vue生产环境(production) Devtools 调试油猴脚本

使用本脚本支持直接调试生产环境的Vue项目 完美支持Vue2、Vue3!

脚本功能

使用本脚本支持直接调试生产环境的Vue项目 完美支持Vue2、Vue3!

1.1版本对hook方式进行了重写,结构更清晰

正常情况下,开启成功后,控制台会显示:,并且可以使用Vue Devtools:

img

img

开发

如果修改了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 编译最新的文件

Vue生产环境(production) Devtools 调试下载地址
Vue生产环境(production) Devtools 调试油猴脚本插图2
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!

发表评论