从github上拉取vue-devtools。地址https://github.com/vuejs/vue-devtools
拉取到本地之后，编辑器打开，建议不要使用npm install，然后npm run build(因为npm build时可能会报错找不到webpack模块，我查了下很多大佬提供了解决办法，由于我用下面的安装方法，很快就安装好了，所以推荐用yarn啊)（主要是我依然不会解决用npm build会报错的问题呀）
终端输入yarn install,然后yarn build（这里可能会一直卡在building fresh packages下载）
注意：这里可能一直卡在building fresh packages下载，遇到这种情况的解决办法是将C:UsersLenovo.yarnrc里面修改成下面这样就欧克啦
registry "https://registry.npm.taobao.org"
electron_mirror "https://npm.taobao.org/mirrors/electron/"
再试试yarn build是不是很快就bulid完成了，之后就简单了
打开chrome的扩展工具(chrome://extensions/)，检查是否处于开发者模式（不是就切换到开发者模式），点击加载已解压的扩展程序，选择vue-devtoolspackagesshell-chrome文件夹就大功告成了。
什么？你打开开发者工具之后没有找到vue，那么重启浏览器，并打开一个vue程序之后，就能看到开发者工具element那一栏后面就有个vue了，现在可以使用vue-devtools对vue程序进行调试了。
有不对的地方，还望大佬指教，有待补充改正。
大佬如果知道如何解决npm build会报错的问题，欢迎指教啊