Google chrome 如何将Vue.js Chrome开发工具与JSFIDLE一起使用？

我正在学习，并在玩它使用。jsFiddle本机支持Vue.js

但是，我不能将它与JSFIDLE一起使用，因为它没有检测到它。小“V”图标始终处于禁用状态，表示“未检测到vue.js”

现在的问题是，jsFiddle将结果呈现在HTML

iframe

中，而开发工具不会检查Vue.js应用程序的任何

iframe

，例如，本文中提到的

我从未成功地逃脱过

iframe

。即使在新窗口中打开框架内容的URL，生成的HTML页面也会再次包含

iframe

---

如何将Vue.js开发工具与JSFIDLE一起使用？

我的解决方案是使用

只需在全球范围内安装Vue Developer Tools：

npm install -g @vue/devtools

vue-devtools

然后全局运行它：

npm install -g @vue/devtools

vue-devtools

在您的小提琴中，只需添加建议的脚本URL：

<script src="http://localhost:8098"></script>

下面是一个工作的JSFIDLE，使用标准示例：

待办事项：
....

下面是它的外观：

---

对于我来说，如果我想在同样使用vuex的应用程序中调试内部Iframe，这是一个非常好的解决方案。