vue-devtools 的安装及使用

1.在github上下载压缩包(https://github.com/vuejs/vue-devtools)

2.下载至电脑本地,解压至文件夹

vue-devtools 的安装及使用

3.在cmd中进入改目录文件夹

vue-devtools 的安装及使用

4.在cmd中输入npm install,依赖包下载完成后执行 npm run build编译项目

vue-devtools 的安装及使用

vue-devtools 的安装及使用

5.修改shells --》chrome--》mainifest.json 中的persistant为true

vue-devtools 的安装及使用

6.打开谷歌浏览器,更多工具--》扩展工具

vue-devtools 的安装及使用


7.开启开发者模式,选择加载已解压的扩展程序,选择扩展目录 vue-devtools-master--》shells--》chorme

vue-devtools 的安装及使用

vue-devtools 的安装及使用

8.运行项目,调试状态多了vue一栏就安装成功了。

vue-devtools 的安装及使用