找了很多资料,大部分都是
1、要安装Vue-Devtools,在一个github下面用git clone或者手动下载一个叫做vue-devtools-master的文件。
2、然后用npm进行install,
3、然后再npm install build。
但是这中间可能会报很多错误,需要去一一解决;
然后找到了一种简单的安装方法,其实就是大神们自己用npm处理过的Devtools;

Vue-Devtools安装

(一个已经用npm处理过的Devtools源码)

1、到GitHub上 : 下载地址
2、下下来之后打开google浏览器,输入地址chrome://extensions/ ,点击加载已解压的扩展程序
Vue-Devtools调试工具安装
3、进入文件夹下,找到chrome,点击打开文件夹
Vue-Devtools调试工具安装
4、然后点击详情
Vue-Devtools调试工具安装
5、把允许访问网址打开
Vue-Devtools调试工具安装
6、确定完了之后就会发现链接栏的右边有个V的标志,证明已经成功,F12中也会有Vue;
Vue-Devtools调试工具安装

问题:有很多人F12之后依然在调试界面看不到Vue:
有可能是因为你写的程序引用的vue文件是一个vue.min.js文件,是个压缩文件,这个压缩文件是默认不支持调试的;

解决办法
这里只需要把你引入的文件的源码,编程Vue.js的就行,不要压缩版的。如果还不行,可以尝试下关闭浏览器再打开。

相关文章: