vue-devtools安装教程 (Chrome浏览器)
方法一:(科学上网)从谷歌商店下载
方法二:从GitHub官网下载对应版本的zip压缩包到自己电脑上
https://github.com/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插件,就表示安装成功~
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)