【Vue】全家桶之vue-devtools
warning:
这篇文章距离上次修改已过186天，其中的内容可能已经有所变动。
vue-devtools是一个基于Vue.js开发的开发者工具，用于调试Vue应用。
以下是如何安装和设置vue-devtools的步骤：
- 克隆
vue-devtools仓库到本地：
git clone https://github.com/vuejs/vue-devtools.git- 进入
vue-devtools目录：
cd vue-devtools- 安装依赖：
npm install- 编译
vue-devtools：
npm run build- 在
shells文件夹中选择你的目标浏览器，并进入对应目录（例如chrome）：
cd shells/chrome- 安装
vue-devtools为Chrome扩展：
npm install- 构建扩展：
npm run build- 加载未打包的扩展：
- 打开Chrome，访问
chrome://extensions/ - 启用“开发者模式”
- 点击“加载未打包的扩展”，选择
shells/chrome目录
完成以上步骤后，你应该能在开发者工具中看到Vue面板。
注意：每次更新vue-devtools源码后，都需要重新编译并加载扩展。
评论已关闭