谷歌浏览器扩展程序

Chrome 浏览器安装Vue插件方法

 

首先去github下载vue.zip文件插件  下载地址:https://github.com/vuejs/vue-devtools

不要去下载默认分支的

Chrome 浏览器安装Vue插件方法

Chrome 浏览器安装Vue插件方法

 

下载后解压

Chrome 浏览器安装Vue插件方法

验证npm是否安装成功命令,打开CMD输入

  node -v

  npm -v

如果出现对应版本号,说明安装成功

Chrome 浏览器安装Vue插件方法

 

 

 一个使用技巧,定位到文件夹下面:直接输入 cmd 可以直接定位跳到当下目录

Chrome 浏览器安装Vue插件方法

输入cmd

Chrome 浏览器安装Vue插件方法

如下:

Chrome 浏览器安装Vue插件方法

 

接下来通过cnpm安装vue插件依赖 ,淘宝镜像:输入cnpm install

Chrome 浏览器安装Vue插件方法

 

 

 下载成功后接着输入npm run build  出现如下界面表示成功

 Chrome 浏览器安装Vue插件方法

 

 

接着修改manifest.json 里persistent 字段 为true

Chrome 浏览器安装Vue插件方法

 

 

如下:

Chrome 浏览器安装Vue插件方法

 

 

在Chrome中 打开地址chrome://extensions/  将D:\vue\vue-devtools-dev\shells\chrome文件夹拖入Chrome中

Chrome 浏览器安装Vue插件方法

 

 

 至此插件才算安装完成

Chrome 浏览器安装Vue插件方法

 

 

访问一个vue页面  按F12开发者工具,可以看到VUE控制台

Chrome 浏览器安装Vue插件方法

附加一个图片批量下载插件  点击下载压缩包

Chrome 浏览器安装Vue插件方法

 

相关文章: