devtools插件是结合chrome浏览器使用的插件。
分为两种方式安装：
1、通过chrome插件安装:(在ch6rome网上商店安装的插件要是用不了可以，在极简插件，中下载。)
2、通过vue官网的devtools插件安装，（这部分一直在npm install时，安装总是出现错误。折腾了3天，放弃。）
1、通过chrome插件安装:
在chrome网上商店上下载devtools插件，
然后，添加到扩展程序中。
小本本拿出来记重点：插件安装完成后要在这里打开文件访问网址才能调试自己的代码。（同时，要先修改C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\5.3.3_0里的manifest.json。"background": { "persistent": true, "scripts": [ "build/background.js" ] },）
当扩展程序安装完成后，自己又没有vue的网页进行验证是否可用时，
可以打开b站的网址（b站时通过vue搭建的哟）。
当图片中V的按钮点亮了 ，说明devtool插件可以使用了。
自己通过vue写一个简单的vue模板
以下是devtools插件的展示页面。可以看到一个boot根组件下有一个buttoncounter下有helloworld模板。（这里有一个小知识点：当我们写组件代码时：驼峰式的只能在短横线式定义的组件的字符串中使用，在vue实例中可以将驼峰式转化为短横线式。但是当使用devtools调试工具时我们可以看到所有的短横线都转化为驼峰式了。）
