【详细】在Microsoft Edge中 (Chromium内核) 安装vue-devtools-dev

下载

到GitHub下载文件压缩包并解压

GitHub地址:https://github.com/vuejs/vue-devtools

在这里插入图片描述
在这里插入图片描述

安装依赖

进入vue-devtools-dev目录下安装依赖包

npm install

如果安装了git,可以直接右键Git Bash Here,然后输入上面的命令
如果没安装需要手动切换到vue-devtools-dev目录下或是 Shift+右键 在此处打开Powershell,执行上述命令
3,size_16,color_FFFFFF,t_70)
在这里插入图片描述

构建代码

npm run build

在这里插入图片描述

为浏览器添加扩展程序

打开浏览器扩展程序,打开开发人员模式、允许来自其他 Microsoft Store 的扩展,然后加载解压的扩展,选择vue-devtools-dev目录下的shells下的chrome文件夹
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用

打开浏览器开发者工具,当浏览器检测Vue的时候就会出现相应的页面组件结构。
在这里插入图片描述

发布了29 篇原创文章 · 获赞 8 · 访问量 4790

猜你喜欢

转载自blog.csdn.net/qq_40738077/article/details/97493593