如何在 Visual Studio Code 的 Vue 文件中启用 JavaScript 类型检查？答案

【问题标题】：How do I enable JavaScript type checking in Vue files on Visual Studio Code?如何在 Visual Studio Code 的 Vue 文件中启用 JavaScript 类型检查？
【发布时间】：2020-08-21 04:03:17
【问题描述】：

我在 Visual Studio Code 中找到了启用 JS 文件中 JavaScript 类型检查的设置。这样：Bad code is highlighted and it also shows the reason why it's bad code

Vue 文件中的 JavaScript 代码不会发生此行为。我已经搜索了 Visual Studio Code 中的所有设置。我已经在互联网上搜索了任何可以为我做这件事的扩展都无济于事。

如何让我的 Vue 文件对其中的 JavaScript 进行类型检查？

【问题讨论】：

您是否使用名为 Vetur 的扩展程序？我认为它上面有一个 javascript linter
我安装了 Vetur。
我已经安装了 Vetur。类型检查在 js 文件中运行良好，但不适用于 vue.js 文件。我搜索了名为“vue”的扩展，发现的第一个扩展是这样的：“抱歉，坏消息：ES2015 支持仍然存在错误。使用嵌入的
如何使用 vue.js？你使用 nuxt 还是 vue.js CLI？如果你有 vetur 它通常应该突出显示
我使用 nuxt。 Vetur 帮助编写 vue 代码。它对同一文件上的 javascript 代码没有任何作用。

标签： javascript vue.js visual-studio-code nuxt.js

【解决方案1】：

为了获得最佳效果，我建议使用 vue-cli 开始一个新项目并选择 TypeScript 和 ESLint 的选项。您还需要 VS Code 的 ESLint 扩展。

这是一个helpful blog post，显示了这个过程的各个部分。

一旦您对干净的项目进行了良好的设置，然后将代码移过来。我建议这样做，因为正确配置所有配置可能会使现有项目一团糟。

【讨论】：

【解决方案2】：

哈哈。我找到了答案。我所要做的就是直接在脚本标签下面添加 //@ts-check 并启用类型检查。很高兴！！！谢谢大家的意见

【讨论】：

这不应该是必需的，可能代表您的设置中缺少某些内容。
我注意到 Visual Studio Code 的其他问题，我现在使用 webstorm。为我解决了很多问题。