zl程序教程

您现在的位置是:首页 >  前端

当前栏目

vue 调试工具 vue-devtools

Vue调试工具 devtools
2023-09-11 14:22:55 时间

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

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

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

cd vue-devtools
cnpm install

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

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