龙空技术网

谷歌浏览器chrome的vuejs devtools 插件的安装

阿里鹏 793

前言:

此时我们对“浏览器安装vue插件”大致比较关怀,同学们都需要知道一些“浏览器安装vue插件”的相关知识。那么小编也在网络上网罗了一些有关“浏览器安装vue插件””的相关知识,希望小伙伴们能喜欢,各位老铁们一起来学习一下吧!

1 . 下载chrome扩展插件。

在github上下载压缩包并解压到本地,github下载地址:

2. npm install

下载完成后打开命令行cmd进入vue-devtools-master文件夹,

1. npm install,安装依赖包;如果安装太慢,请参照文章末尾说明进行操作。

2. npm run build


npm run build 执行完,会在shells>chrome下的src文件夹里生产如上图所示的几个js文件


修改下面的这个文件 devtools.js


打开chrome浏览器,打开扩展程序, 然后将刚才bulid之后的shells下的chrome这个文件夹拖到chrome浏览器的扩展程序中

出现以下界面,表示安装成功


标签: #浏览器安装vue插件