chrome安装vue-devtools插件

chrome安装vue-devtools插件

• 我们开发VUE项目时，调试页面会看到这样的信息

  
  
  image.png

• 这时候就需要我们给浏览器安装vue-devtools插件，以便于在chrome中调试

1. 打开这个网址 ： https://github.com/vuejs/vue-devtools

2. 找到下面的显示 页面

   
   
   image.png

3.按照步骤一步一步进行下载安装

image.png

4.在扩展程序中点击加载已解压的扩展程序，选择刚才下载的安装包，找到chrome点击确定就可以了

image.png

image.png

5.切换到页面调试，出现以下就代表安装成功。

image.png

6.vue-devtools的配置

image.png