想在你的浏览器看到它吗？作为Vue开发的调试神器，不用翻墙，顺着下面的方法就可以实现在Chrome浏览器上有这样的调试窗口：
第一步
去这个网站：github.com/vuejs/vue-d…
git clone到本地，ok
第二步
git窗口执行下面命令
cd vue-tools
npm install安装所需依赖包
第三步
编译项目文件
npm run build第四步
修改shells>chrome文件夹下的mainifest.json 中的persistant为true
第五步
浏览器地址栏输入：chrome://extensions/
勾选开发者模式，然后将插件文件夹里的shells>chorme文件夹直接拖到页面中，完成安装
第六步
在插件的目录下执行
npm run dev这时我们的插件就可以运行了,打开localhost:8080可以看到插件已经安装并运行了。
PS:当我们再打开其他Vue项目，就不需要在vue-devtools文件夹下执行npm run dev了，因为这个插件已经安装在浏览器中。
接下来就愉快的调试你的Vue项目吧！
