1.下载插件        https://github.com/vuejs/vue-devtools

2. win + R    cmd 进入 解压后的文件夹  vue-devtools-master

3.npm install  速度加慢,耐心等待。或者用淘宝镜像,cnpm install 

4.npm run build  这是必须的一部 否则执行第 6 步的时候回报错  “无法加载背景脚本build/background.js”

5.修改 shells/chrome/mainfest.json  ,把里面的 persistrnt:false 改为persistrnt:true

6.打开chrome的扩展程序,切换到开发者模式,点击  加载已解压的扩展程序  , 然后把shells/chrome 文件夹拖入

成功后可以打开一个vue的页面,按 F12  进入调试模式,可以看到调试工具栏除了传统的 Elements,Console,Sources等,还有一个vue

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐