Chrome 浏览器安装Vue插件方法
谷歌浏览器扩展程序
首先去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:\vue\vue-devtools-dev\shells\chrome文件夹拖入Chrome中
至此插件才算安装完成
访问一个vue页面 按F12开发者工具,可以看到VUE控制台
附加一个图片批量下载插件 点击下载压缩包