最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

vue-devtools安装教程 (Chrome浏览器)

运维笔记admin3浏览0评论

方法一:(科学上网)从谷歌商店下载


方法二:从GitHub官网下载对应版本的zip压缩包到自己电脑上

https://github/vuejs/devtools/releasli

点击上方链接,我们来到这个页面  我选择v6.5.0版本 

顺带多一嘴 我去方法一中的Chrome应用商店中只能下载最新的v6.6.1版本,下方许多评论在说这个版本不太好,所以我就来下载6.5.0版本了

我们接着往下说,来到了自己想要的版本之后 往下拉

找到 Assets 点开 点击下载第一行红色方框包裹的这个压缩包到电脑上

下载之后解压

然后进入解压后的文件,关键的地方来了

点击这个目录,如下图 然后输入 cmd 然后回车

就会进入这个路径中的cmd页面

然后我们首先需要安装 yarn 工具

yarn要用npm安装

首先输入一下 npm -v 然后看看有没有版本号 有的话说明npm可以正常使用

npm -v


①输入命令 npm install -g  yarn   安装yarn

npm install -g  yarn 

这个页面我就不展示了


②输入命令 yarn install  这个过程时间有点久

yarn install


③输入命令yarn run build:watch

yarn run build:watch

等这个彩色页面有一段时间不跳了直接ctrl + C 退出


④输入 yarn run dev:chrome 

yarn run dev:chrome 

显示最后一行绿色的No issues found.就安装成功了


查看项目文件夹是否有packages这个文件夹,就像下图


⑤打开Chrome浏览器,安装插件

选择右上角的加载已解压的扩展程序

然后进入项目找到devtools-6.5.0\packages\shell-chrome这个文件 如下图所示,文件层次我用序号标注了,选择shell-chrome文件安装

当前显示红色方框中的vue插件,就表示安装成功~

发布评论

评论列表(0)

  1. 暂无评论