安装Vue DevTools

下载

下载链接

在该网站下载的扩展文件如下：

在chrome中进行安装

打开chrome的扩展程序（可直接在地址栏输入：chrome://extensions/）

注意：需要打开开发者模式

将下载的文件 拖动到空白区域，成功添加：

但添加完成，可能会有报错：
Vue.js is detected on this page. Open DevTools and look for the Vue panel.

这时，我们是因为没有在main.js中开启debug mode！！我们在main.js中开启

import Vue from 'vue'
Vue.config.devtools = true
复制代码

重新启动项目，就可以成功调试