前言：由于vue是数据驱动的，所以在开发调试的时候没有什么可以通过查看DOM结构解析出来的。但是借助vue-devtools插件，我们可以很方便的对数据结构进行解析和调试。1.下载chrome扩展github下载地址：https://github.com/vuejs/vue-...推荐使用npm淘宝镜像，依赖包地址：http://npm.taobao.org/命令行安装npm淘宝镜像：$npminstall-gcnpm--registry=https://registry.npm.taobao.org之后我们就可以使用cnpm代替npm跟随依赖包了。用npm安装依赖包真的太慢了??...2、cnpminstall下载完成后，打开命令行cmd进入vue-devtools文件夹，按照依赖包和npmrunbuild3.更改manifest.jsonjson打开shells>chrome>src>manifest.json把json文件中的“persistent”把:false改成true4.扩展chrome插件1.打开chrome浏览器，打开设置>点击或程序>点击开发者模式2.然后点击加载解压后的扩展程序，然后把shell>chrome文件夹放入5个正常的DebugVUE项目打开一个用vue写的项目，f12打开调试工具调试vue项目。六、如果需要更详细的图文介绍，请看csdn文章
