vue-DevTools安装使用

Posted qjb2404

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-DevTools安装使用相关的知识,希望对你有一定的参考价值。

方式一:通过谷歌应用商店进行安装 vue devtools

方式二:手动安装  下载https://github.com/vuejs/vue-devtools

安装

方式一:打开谷歌浏览器

技术图片

点击扩展程序,选择应用商店

技术图片

如果不能访问外网,就不能通过此方法安装,安装完重启浏览器就可以

访问localhost:8080 在控制台查看是否正常显示插件

方式二安装

打开https://github.com/vuejs/vue-devtools

选择master分支

技术图片

 

下载zip比较方便

解压vue-devtools-master

cd vue-devtools-master

先运行 npm i  安装项目依赖

再运行 npm run build 进行编译生产

生成shells目录,shells目录里有chrome目录,把它加载到浏览器里

技术图片

选择chrome目录就可以

技术图片

重启浏览器,输入localhost:8080

查看控制台

技术图片

安装成功

 

以上是关于vue-DevTools安装使用的主要内容,如果未能解决你的问题,请参考以下文章

vue调试工具vue-devtools安装及使用

vue调试工具vue-devtools安装及使用

使用yarn 安装 Vue-DevTools

vue-DevTools安装使用

vue调试工具vue-devtools安装及使用方法

vue-devtools 的安装和使用