1.下载(vue-devtools下载的是最新版本)。

git clone https://github.com/vuejs/vue-devtools

2.打开vue-devtools所在路径

cd vue-devtools
npm install***

备注:使用该v5.0.0版本,会出现报错,如图

Vue调试工具vue-devtools的安装和使用方式

3. 改用低版本的v4版

第一步:打开vue-devtools的git地址https://github.com/vuejs/vue-devtools/releases,并下载压缩包,操作如图:
Vue调试工具vue-devtools的安装和使用方式

第二步: 下载完成并解压缩后,进入该文件目录

cd vue-devtools-4.1.5
npm install // 如果该方法下载的慢可以改成 cnpm install

第三步: 编译代码

npm run build

编译成功,如图:
Vue调试工具vue-devtools的安装和使用方式

第四步:打开goole浏览器

1.浏览器打开 chrome://extensions/,或者打开更多工具->扩展程序->打开开发者模式。
2.将vue-devtools-4.1.5下的shells,找到chrome 拖到扩展程序中,结果如图。
Vue调试工具vue-devtools的安装和使用方式

第五步:关闭浏览器,再次打开,打开vue项目

Vue调试工具vue-devtools的安装和使用方式
*******安装完成啦!!✌️

相关文章: