码迷,mamicode.com
首页 > 其他好文 > 详细

vue-DevTools安装使用

时间:2020-01-28 19:29:23      阅读:407      评论:0      收藏:0      [点我收藏+]

标签:下载   使用   安装使用   技术   程序   localhost   run   github   目录   

方式一:通过谷歌应用商店进行安装 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安装使用

标签:下载   使用   安装使用   技术   程序   localhost   run   github   目录   

原文地址:https://www.cnblogs.com/qjb2404/p/12238607.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!