进入vuejs官网             vuejs
进入github   点击查看  "readme.md"  文件

官网截图

向下浏览找到

图片描述

点击进去后可看到  vue-devtools  如下两种安装方式:

一、外网对应浏览器安装    (点击访问对应浏览器种类安装,google和safari、firefox)

!!!由于本人没有进行VPN所以国内无法访问外网安装!!!

图片描述

二、手动通过NPM (安装包管理) 进行安装加载

图片描述

主要为以下六步骤,第一步clone(克隆)这个库,就是github上vue-devtools的源代码库,返回到vue-devtools的源码库,进行https克隆

图片描述
在本地磁盘下右键打开 git bash(本人已安装git版本管理工具)

输入   git clone https://github.com/vuejs/vue-...

图片描述
等待100%完全克隆后,执行第二、三步接着输入命令 npm install 和 npm run build

执行第四步操作,打开chrome浏览器,点击更多工具>>扩展程序>>加载已解压的扩展程序

图片描述
在本地磁盘下找到文件夹vue-devtools>>shell>>chorme选择后确定安装

即安装完成,点击右上角vue图标,F12开发者模式可进行vue程序调试

!!!本人初次安装遇到错误!!!

图片描述

解决办法:
在vue-devtools目录文件下找到manifest.json文件,将其中中的persistent属性值修改为true


kowalski
24 声望1 粉丝

啥都想会的小前端