vue 调试工具 vue-devtools

举报
福州司马懿 发表于 2021/11/19 03:45:16 2021/11/19
【摘要】 工欲善其事, 必先利其器。 首先下载该工具源码 https://github.com/vuejs/vue-devtools 解压并进入 vue-devtools 目录下,安装依赖包 cd vue-d...

工欲善其事, 必先利其器。

首先下载该工具源码 https://github.com/vuejs/vue-devtools

解压并进入 vue-devtools 目录下,安装依赖包

cd vue-devtools
cnpm install

  
 
  • 1
  • 2

修改 vue-devtools/shells/chrome/manifest.json 文件,将 persistent 改为 true
(这一步不改也没啥影响)
在这里插入图片描述

在谷歌浏览器中输入 chrome://extensions/ 或者 “更多程序 > 扩展程序”。
选择 vue-devtools > shells > chrome
在这里插入图片描述
安装完毕之后,就可以查看 Vue 的结构了
在这里插入图片描述

文章来源: blog.csdn.net,作者:福州-司马懿,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/chy555chy/article/details/88372709

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。