Chrome 浏览器安装Vue插件方法

* 博客文章部分截图及内容来自于学习的书本及相应培训课程以及网络其他博客，仅做学习讨论之用，不做商业用途。
* 如有侵权，马上联系我，我立马删除对应链接。
* @author Alan
* @Email no008@foxmail.com

谷歌浏览器扩展程序

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

不要去下载默认分支的

下载后解压

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

　　node -v

　　npm -v

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

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

输入cmd

如下：

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

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

 

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

如下：

在Chrome中 打开地址chrome://extensions/  将D:vuevue-devtools-devshellschrome文件夹拖入Chrome中

至此插件才算安装完成

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

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