谷歌浏览器扩展程序

Chrome 浏览器安装Vue插件方法_github

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

不要去下载默认分支的

Chrome 浏览器安装Vue插件方法_Chrome_02

Chrome 浏览器安装Vue插件方法_Chrome_03

下载后解压

Chrome 浏览器安装Vue插件方法_chrome_04

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

  node -v

  npm -v

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

Chrome 浏览器安装Vue插件方法_Chrome_05

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

Chrome 浏览器安装Vue插件方法_chrome_06

输入cmd

Chrome 浏览器安装Vue插件方法_chrome_07

如下:

Chrome 浏览器安装Vue插件方法_Chrome_08

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

Chrome 浏览器安装Vue插件方法_chrome_09

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

 

Chrome 浏览器安装Vue插件方法_Chrome_10

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

Chrome 浏览器安装Vue插件方法_chrome_11

如下:

Chrome 浏览器安装Vue插件方法_chrome_12

在Chrome中 打开地址chrome://extensions/

Chrome 浏览器安装Vue插件方法_github_13

至此插件才算安装完成

Chrome 浏览器安装Vue插件方法_chrome_14

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

Chrome 浏览器安装Vue插件方法_github_15

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

Chrome 浏览器安装Vue插件方法_Chrome_16

为人:谦逊、激情、博学、审问、慎思、明辨、 笃行
学问:纸上得来终觉浅,绝知此事要躬行
为事:工欲善其事,必先利其器。
态度:道阻且长,行则将至;行而不辍,未来可期
.....................................................................
------- 换了个头像,静静的想,默默的思恋,一丝淡淡的忧伤 ----------
------- 桃之夭夭,灼灼其华。之子于归,宜其室家。 ---------------
------- 桃之夭夭,有蕡其实。之子于归,宜其家室。 ---------------
------- 桃之夭夭,其叶蓁蓁。之子于归,宜其家人。 ---------------
=====================================================================
转载请标注出处!