vue-devtools 在github的官方地址:默认就是最高版本,目前是v5.3.4
https://github.com/vuejs/vue-devtools.git
安装步骤:(一定要先修改再安装依赖!!!顺序错了,可能会构建失败)
-
git下载好文件夹
-
修改vue-devtools > packages > shells-chrome > manifest.json 文件中的
persistent
为true
(旧版本下找到 shells > chrome ,操作过程其实都一样)
-
npm i 安装依赖
-
npm/yarn run build 构建项目(官方推荐用yarn,我也是用的yarn,但用npm应该也不会有影响)
-
浏览器扩展功能打开,并确保开发模式是开启的状态,我目前用的是edge浏览器。安装步骤对chrome同样适用。
-
加载解压缩的扩展,并找到你安装的路径,选择相同路径下shell-chrome文件夹。我这里是装在D盘。(旧版本下找到 shells > chrome )
D:\vue-devtools\packages\shells-chrome