Vue Devtools下载地址:  https://github.com/vuejs/vue-devtools#vue-devtools

1、检查安装前环境

(1)检查Node和NPM版本

  条件:node > 10;npm > 3

  方式:打开CMD => node -v(检查node版本) =>  npm -v (检查npm版本)

2、下载Vue Devtools

(1)克隆仓库

选择一种自己的方式下载:

得:

 3、开始安装

(1)在vue-devtools-dev中打开CMD,并执行 npm install

执行成功截图:

 (2)npm run build

执行成功截图:

(3)打开Chrome扩展程序页面Open Chrome extension page

 左击游览器右上角的三个点点 -> 更多工具  ->  扩展程序

(4)检查“开发人员模式”(Check "developer mode")

打开开发者模式

(5)点击“加载解压后的扩展程序”,然后选择shells/chrome(Click "load unpacked extension", and choose shells/chrome

成功截图:

如此,OK啦~~,安装成功啦,可以开始愉快的使用了~

01-23 05:09