谷歌浏览器安装vue-devtools插件详细步骤

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

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

  2. 在GitHub中下载时一定要选择master分支,不然在安装依赖是出现问题,如图所示
    谷歌浏览器安装vue-devtools插件详细步骤

  3. 文件下载完成后,进入文件打开命令栏窗口 ,输入命令npm install 安装依赖 如下图所示
    谷歌浏览器安装vue-devtools插件详细步骤

  4. 依赖安装完成后,运行命令 npm run build 进行打包 如下图所示
    谷歌浏览器安装vue-devtools插件详细步骤

  5. 打包完成后,打开谷歌浏览器,进入设置中心,打开扩展中心 如下图所示
    谷歌浏览器安装vue-devtools插件详细步骤

  6. 进入扩展中心后,点击加载已解压的扩展程序 如下图所示
    谷歌浏览器安装vue-devtools插件详细步骤

  7. 点击加载已解压的扩展程序 选择第4步中已打包的文件目录中shells下的chrome文件,如下图所示
    谷歌浏览器安装vue-devtools插件详细步骤

  8. 加载完成后,需重启谷歌浏览器 ,安装成功会在左上角显示出 vue的标志如下图所示
    谷歌浏览器安装vue-devtools插件详细步骤