vue开发者工具下载与安装

1、vue开发者工具

在chrome网上商店下载vue.js devtools，

chrome网上商店地址如下（需要连vpn）：

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd/related?hl=zh

 

2、搜索到，直接点击添加到chrome就可以

 

 

3、点击固定，可以直接在浏览器看到vue的图标

 

 

4、打开你的html文件，可以看到浏览器的vue图标时灰色的，因为没有检测到html文件中有vue，如果你的html文件中

写了vue的语句，那么这个vue的图标就变亮了。

 

5、使用vue开发工具

在浏览器中，打开开发者工具，点击箭头选择vue就可以（如果没有安装vue开发者工具，那这里就没有vue的选择项）

 

6、在vue的开发者工具中，就可以直接修改了，具体功能以后学了再写