文章目录
下载
到GitHub下载文件压缩包并解压
GitHub地址:https://github.com/vuejs/vue-devtools
安装依赖
进入vue-devtools-dev目录下安装依赖包
npm install
如果安装了git,可以直接右键Git Bash Here,然后输入上面的命令
如果没安装需要手动切换到vue-devtools-dev目录下或是 Shift+右键
在此处打开Powershell,执行上述命令
构建代码
npm run build
为浏览器添加扩展程序
打开浏览器扩展程序,打开开发人员模式、允许来自其他 Microsoft Store 的扩展,然后加载解压的扩展,选择vue-devtools-dev目录下的shells下的chrome文件夹
使用
打开浏览器开发者工具,当浏览器检测Vue的时候就会出现相应的页面组件结构。