如何安装Vue.js devtools

Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。
首先在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools
如何安装Vue.js devtools
选择一个空的文件夹下载文件,然后执行cd vue-devtools
npm install
找到shells文件夹,进去找到chrome文件夹打开manifest文件,将persistent的值改为true
如何安装Vue.js devtools
然后再谷歌页面打开更多工具,扩展程序或者直接访问chrome://extensions/
如何安装Vue.js devtools
加载已解压的扩展程序,选择vue-devtools>shells>chrome文件,上面就是成功的截图,之后打开你的Vue项目,F12检查就可以看见Vue这个选项了。