简介

注意：前端代码要用开发版的vue.js，不要用mini版的(vue.min.js)，否则，会失去错误提示和警告。

下载 

​法1：直接在谷歌商店安装插件​

​​https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd​​

​法2：去github下载插件然后安装（实际也是跳转到了谷歌商店）​

​​https://github.com/vuejs/vue-devtools#vue-devtools​​

​设置​

“设置 “ => ‘更多工具’ => ‘扩展程序’=> 勾选下面的 “允许访问文件网址”（如下图所示）

Vue--调试--Vue.js devtools--使用_vue devtools

使用

​其他网址​

​​web前端开发:教你使用Vue.js的DevTools来调试你的vue项目 - 知乎​​

其他网址 

​​相关工具 - vue-devtools - 《Vuejs 中文教程》 - 书栈网 · BookStack​​

​​Vue.js - 调试工具 vue-devtools 的安装与使用​​