-
下载zip
https://github.com/vuejs/vue-devtools.git
-
打开cmd,进入项目,运行
cnpm install
image.png
-
执行
npm run build
-
打开谷歌浏览器,地址栏输入
chrome://extensions/
,点击“加载已解压的扩展程序”,选择vue-devtools>shells下的chrome文件夹,添加完成如下图所示。
image.png
-
在调试vue应用的时候,chrome开发者工具中会看一个vue的一栏,点击之后就可以看见当前页面vue对象的一些信息。
image.png
网友评论