一vue-devTools

为了更方便的在开发过程中对 Vue 程序进行调试，除了传统的浏览器自带的 debug 工具以外，我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试

vue-devTools插件：https://chrome.zzzmh.cn/#/index

插件安装教程：https://chrome.zzzmh.cn/help?token=setup

插件安装步骤

  1. 首先进入浏览器设置，点击 扩展程序

2.开启 开发者模式，点击 加载已解压的扩展程序 或者 直接拖拽已解压的扩展程序

注：已解压的扩展程序就是上面下载的，点击下载

  1. 安装成功以后就可以看到：

点击红框处开启

  1. 通过 npm run serve 启动应用以后，即可看到浏览器右上角的 Vue 插件图片，图 红框一 处，表示 Vue.js devtools 已启动，点击图 红框二 的 vue 一项

二解决Vue.js not detected的问题

但是在自己写的页面里面这个图标是灰色的，控制台里面也没有Vue选项，然后点开扩展程序

看到以下页面

点击详细信息

把这个允许访问文件网址的开关打开，锵锵，神奇的事情发生了，自己写的页面也能用vue.js devtools了

# vue.js # javascript # 前端
Logo
天工造物局

北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台

更多推荐

graphify 视频音视频转写全流程解析：从 detect 结果到知识图谱文档的 Step 2.5

graphify 的核心能力是把任意语料（代码、文档、PDF、图片）转化为可查询的知识图谱，而视频与音频文件无法被直接阅读，必须先把它们转写成文本。本文围绕 `graphify` 运行手册中的转写参考文档 [transcribe.md](https://link.gitcode.com/i/d3285781588e0f1b84886dfdbc4fe7f6)，完整讲解 "Step 2.5 - Tra

avatar 天工造物局

ML-For-Beginners 终章：经典机器学习在金融、医疗、零售等八大行业中的真实落地场景

本篇技术指南基于开源课程仓库 ML-For-Beginners 的收尾课程《Postscript: Machine learning in the real world》（对应仓库目录 [9-Real-World/1-Applications](https://link.gitcode.com/i/6b23002df80861c20abf34d7db63ef41)）编写。该课此前 11 周的教学带

avatar 天工造物局

graphify 知识图谱查询实战：query / path / explain 与可审计的答案闭环

本指南以 graphify 的 Trae 版查询技能参考（[graphify/skills/trae/references/query.md](https://link.gitcode.com/i/72a7875d46ec6d3706d31791f3cdcbe0)）为主体，系统讲解如何针对**已构建好的知识图谱**执行三类查询：语义相关节点遍历（query）、两概念间最短路径（path）、单节点关

avatar 天工造物局