你还在用旧的vue-devtools吗?

1,817 阅读1分钟

安装vue-devtools

前两天突然发我的vue-devtools不见了(黑人问号.jpg

image.png

那也就只能重新安装了。得知从今年2月份7号起vue相关的官方工具发布标签将指向其 Vue 3 的兼容版本,所以接下来的vue-devtools是支持vue3和vue2,一物二用。

话不多说,如下是安装操作,跟之前的vue-devtools操作有点不同

git clone https://github.com/vuejs/devtools.git
yarn

修改manifest.json的persistent为true

image.png

注意我这边的node版本用的是16.13.1,一些版本低的可能会报版本错误(这边推荐你使用nvm来管理node版本)

yarn build

构建完,点击该链接跳转扩展程序

添加扩展:选择vue-devtools/packages/shell-chrome文件即可 image.png

vue-devtools

image.png

image.png