devtools调试工具的安装,用于vue项目

1.去这个地址下载：https://github.com/vuejs/vue-devtools

2.将文件解压到一个文件夹，找开cmd并进入这个文件夹，安装项目所需要的npm包  cnpm install

3.编译项目文件:  cnpm run build

4.添加至chrome浏览器

游览器输入地址“chrome://extensions/”进入扩展程序页面，点击“加载已解压的扩展程序…”按钮，选择vue-devtools>shells下的chrome文件夹。

 

 

5.如果F12没有出来vue栏，则按下面操作

6.最终效果图：