最新解决Vue-Devtools工具的安装方法
- 进入Vue官方文档网站:https://cn.vuejs.org/v2/guide
- 来到github主页,复制如下地址
- 任意在电脑上新建一个文件夹,在此处打开git Bush(电脑中须提前安装git)
- 把刚才复制的仓库地址的文件克隆到本地,注意,这里要克隆v5.1.1版本的 (键盘shift + ins 可以粘贴刚才复制的地址)
- 需要等待一定时间,如下代表克隆完成
- 进入该文件夹,看到如下视图
- 接着按住键盘
shift
键,右键鼠标打开powershell窗口,输入npm install回车(这里需要提前安装Node.js,其会给我们提供npm工具)
- 没出现红色错误代表一切正常,紧接着输入npm run build回车
- 成功界面
- 进入shells文件夹
- 进入chrome文件夹
- 找到manifest.json文件进入(可用记事本打开)
- 接着来到谷歌浏览器,打开扩展页面
- 打开开发者模式,再点击已加载的扩展程序
- 找到chrome文件夹选中再点右下角 选择文件夹 打开
- 完成
ps:如果第一次没生效重启浏览器即可