工欲善其事, 必先利其器。
首先下载该工具源码 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 的结构了