vue-devtools 必备开发工具

做者混元霹雳手-Ziksang

最近在研究vue单页面应用，一步一步用上全家桶，开发避免不了的就是调试工具，由于vue是进行数据驱动的，单从chrome里面进行element查看，查不到什么鸟东西，必需要进行对数据动向进行关查，那我就行一步一步教大安装

1.github下载地址：github.com/vuejs/vue-d…

有git的同窗直接 git clone github.com/vuejs/vue-d…

2.下载安成以后打开cmd进入vue-devtools文件夹把依赖装好npm install 以后再进行npm run build

最好装一个cnpm

3.而后打开shells>chrome>src>manifest.json 把里面的"persistent": false改成true

一切都万事具有了，打开chrome

1.打开里面的设置 > 点击扩展程序 > 点击开发者模式

2.再点击加载已解压的扩展程序，而后把shells>chrome这个文件夹放入就ok了

你再打开一个用vue写的网页，你再打开chrom调试工具你就会发现

大功告成！祝大家开发愉快

渣渣前端开发工程师，喜欢钻研，热爱分享和讲解教学， 微信 zzx1994428 QQ494755899

支持我继续创做和感到有收获的话，请向我打赏点吧

若是转载请标注出自@混元霹雳手ziksang