谷歌浏览器安装vue-devtools插件

  1. 前往GitHub下载vue-devtools文件 文件地址 文件链接

  2. 在GitHub中下载时一定要选择master分支,不然在安装依赖是出现问题,如图所示
    在这里插入图片描述

  3. 文件下载完成后,进入文件打开命令栏窗口 ,输入命令npm install 安装依赖 如下图所示
    在这里插入图片描述

  4. 依赖安装完成后,运行命令 npm run build 进行打包 如下图所示
    在这里插入图片描述

  5. 打包完成后,打开谷歌浏览器,进入设置中心,打开扩展中心 如下图所示
    在这里插入图片描述

  6. 进入扩展中心后,点击加载已解压的扩展程序 如下图所示
    在这里插入图片描述

  7. 点击加载已解压的扩展程序 选择第4步中已打包的文件目录中shells下的chrome文件,如下图所示
    在这里插入图片描述

  8. 加载完成后,需重启谷歌浏览器 ,安装成功会在左上角显示出 vue的标志如下图所示
    在这里插入图片描述

Logo

前往低代码交流专区

更多推荐