admin 管理员组

文章数量: 1086019

方法一：（科学上网）从谷歌商店下载

方法二：从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插件，就表示安装成功~

本文标签： 浏览器 教程 Vue devtools chrome

版权声明：本文标题：vue-devtools安装教程 （Chrome浏览器） 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1742632444a2418204.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。