方法一:(科学上网)从谷歌商店下载
方法二:从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插件,就表示安装成功~