Javascript 有没有办法检查.vue文件模板的语法错误？

非常尴尬的是，我在vue文件的模板部分犯了一个错误。我写了v-for，如下所示

<template>
    <ul v-for="{data, key} in json_data" :key="key">
        <!-- some list related -->
    </ul>
</template>

基本上我用大括号代替了偏执

然而，作为一名javascript/vue.js/nuxt.js新手，我很长一段时间都没有意识到这一点。在很长一段时间里，我认为我在代码的脚本部分做错了什么。我想知道为什么数据和键返回未定义

---

随着我越来越多地编写代码，这些愚蠢的语法错误可能会消失。但是有没有可以用来捕捉这些错误的训练轮呢？

我假设您在生产模式下使用的是vue.js。 在开发过程中，您应该以开发人员模式使用vue.js库，此模式将在控制台中为您显示有关异常和错误的大量详细信息

以下是cdn：

我还建议您在浏览器上使用vue.js developer tools扩展 这里是这个扩展的链接

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

---

你用的是什么IDE？例如，如果您使用的是VSCode，则可以使用来执行语法突出显示和检查。虽然它对脚本部分有很大帮助，但在模板中没有发现类似这样的错误：这很奇怪。我真的明白了：你是在使用单文件Vue组件吗？这真是太奇怪了！我的兽医不是为我做的。我使用的是单文件Vue组件。@Terry您是否使用过任何类型的linting，如eslint？我通过npm run dev以开发模式运行nuxt.js，并且我有vuejs开发工具