vue 调试工具 vue-devtools

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

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

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

cd vue-devtools
cnpm install

修改 vue-devtools/shells/chrome/manifest.json 文件,将 persistent 改为 true
(这一步不改也没啥影响)
vue 调试工具 vue-devtools_第1张图片

在谷歌浏览器中输入 chrome://extensions/ 或者 “更多程序 > 扩展程序”。
选择 vue-devtools > shells > chrome
vue 调试工具 vue-devtools_第2张图片
安装完毕之后,就可以查看 Vue 的结构了
vue 调试工具 vue-devtools_第3张图片

你可能感兴趣的:(————,Vue.js)