VueDevTools的安装

Vue DevTools有两种安装方法

下面我将逐一介绍这两种安装方法

1. 通过谷歌应用商店进行安装

  • 打开Chrome浏览器
  • 点击最右边的选项,再点击更多工具,点击扩展程序
打开扩展程序图
  • 在最右边打开扩展程序

  • 再点击左边的扩展程序选项,打开Chrome网上应用商店
    image1

  • 如果发现Chrome应用商店打不开可以到网上下载一个谷歌访问助手,将谷歌访问助手安装在扩展程序中,将其打开,就可以进入Chrome应用商店了

谷歌访问助手
  • 在Chrome商店搜索"vue devtools"直接添加至Chrome
安装vue devtools
  • 然后把manifest.json文件里面的"persistent":false改成true,就可以啦
修改

2. 手动下载安装

点击进入GitHub下载压缩包:https://github.com/vuejs/vue-devtools
注意:最好是下载master分支的压缩包,这个分支的压缩包为最稳定的压缩包

GitHub下载压缩包
  • 解压到自己指定的路径
解压
  • 通过命令行进入自己解压的目录
image2
  • 安装依赖包npm install
image3

如果出现以下错误:

install错误

是因为解压的文件里面没有package.json,可以通过npm int -y自动创建一个,创建好后再执行一次npm install就可以了,然后在build以下npm run build就好了

  • 打开Chrome浏览器,进入扩展程序开发者模式,加载已解压的扩展程序
image4
  • 然后把manifest.json文件里面的"persistent":false改成true
修改
  • 选择自己解压目录中的chrome,就安装成功了
image5
posted @ 2020-03-26 11:17  a_哆肉  阅读(208)  评论(0编辑  收藏  举报