admin 管理员组

文章数量: 887019

一、进入github仓库:https://github/vuejs/devtools

可以下载zip包,也可以clone仓库。这里我下载的压缩包。

二、解压后,在终端进入文件夹路径。

解压后推荐使用yarn install安装依赖;yarn run build进行打包
经过小编自己使用npm cnpm进行安装,总是出现报错信息,加载到浏览器无法使用

执行:
yarn install 安装依赖
yarn run build 进行打包·

三、修改manifest.json

文件路径:\devtools-main\packages\shell-chrome\manifest.json

"background": {
    "scripts": [
      "build/background.js"
    ],
    // "persistent": false
    // persistent设置为true
    "persistent": true
  },

三、最后在浏览器扩展程序中,加载已解压的扩展程序

选中devtools-main\packages\shell-chrome

添加成功!

三、启动vue项目,浏览器中就可以看到啦

本文标签: 浏览器插件 Vue devtools JS