1.github下载源码 地址:https://github.com/vuejs/vue-devtools

Vue Devtools工具安装

2.解压下载的zip包

Vue Devtools工具安装

3.进入vue-devtools-master  打开cmd 执行  cnpm install (需要安装nodejs)

Vue Devtools工具安装

4.进入vue-devtools-master\shells\chrome

Vue Devtools工具安装

5.打开manifest.json 修改persistent为true 保存

Vue Devtools工具安装

6.在vue-devtools-master编译代码 npm run build

Vue Devtools工具安装

7.打开chrome浏览器,打开设置>更多工具>扩展程序

.Vue Devtools工具安装

8.打开开发者模式 ->点击加载已解压的扩展程序->选择vue-devtools-master\shells\chromeVue Devtools工具安装

9.安装成功

Vue Devtools工具安装

10.按F12进入vue调试

Vue Devtools工具安装

相关文章: