最新解决Vue-Devtools工具的安装方法


最新解决Vue-Devtools工具的安装方法


  • 来到github主页,复制如下地址

最新解决Vue-Devtools工具的安装方法


  • 任意在电脑上新建一个文件夹,在此处打开git Bush(电脑中须提前安装git

最新解决Vue-Devtools工具的安装方法


  • 把刚才复制的仓库地址的文件克隆到本地,注意,这里要克隆v5.1.1版本的 (键盘shift + ins 可以粘贴刚才复制的地址)

最新解决Vue-Devtools工具的安装方法


  • 需要等待一定时间,如下代表克隆完成

最新解决Vue-Devtools工具的安装方法


  • 进入该文件夹,看到如下视图

最新解决Vue-Devtools工具的安装方法


  • 接着按住键盘shift键,右键鼠标打开powershell窗口,输入npm install回车(这里需要提前安装Node.js,其会给我们提供npm工具)

最新解决Vue-Devtools工具的安装方法


  • 没出现红色错误代表一切正常,紧接着输入npm run build回车

最新解决Vue-Devtools工具的安装方法


  • 成功界面

最新解决Vue-Devtools工具的安装方法


  • 进入shells文件夹

最新解决Vue-Devtools工具的安装方法


  • 进入chrome文件夹

最新解决Vue-Devtools工具的安装方法


  • 找到manifest.json文件进入(可用记事本打开)

最新解决Vue-Devtools工具的安装方法
最新解决Vue-Devtools工具的安装方法


  • 接着来到谷歌浏览器,打开扩展页面

最新解决Vue-Devtools工具的安装方法

  • 打开开发者模式,再点击已加载的扩展程序

最新解决Vue-Devtools工具的安装方法


  • 找到chrome文件夹选中再点右下角 选择文件夹 打开

最新解决Vue-Devtools工具的安装方法


  • 完成
    最新解决Vue-Devtools工具的安装方法

ps:如果第一次没生效重启浏览器即可