Chrome 浏览器安装 Vue 插件方法

166 阅读1分钟

一、下载插件

首先去 github 下载vue.zip文件插件不要去下载默认分支的, 选择这个分支 add-remote-devtools, 下载 ZIP 包

下载地址github.com/vuejs/vue-d…

分支:

image.png

选中 ZIP 下载:

image.png

二、解压插件

下载后解压

image.png

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

node -v
npm -v

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

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

image.png

输入cmd

image.png

如下:

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

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

 

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

如下:

三、插件放入 chrome

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

 至此插件才算安装完成

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

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