您的位置:首页 > 产品设计 > UI/UE

chrome的 vuejs devtools 插件的安装

2018-03-26 15:10 706 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息