☰

VSCode JSDoc 类型检查

tag-icon • tag-icon javascript visual-studio-code lint
VSCode JSDoc 类型检查

在 VSCode 中，如果我编写这个 JS 文件：

/** @type {number} */
let x = 10;
/** @type {string} */
let y = x;

没有任何内容用红色下划线显示，上面的工具提示y仅显示let y: string。这不是我想要的！我希望 VSCode 向我抛出一个错误，就像在 TS 文件中一样：

let x: number = 10;
let y: string = x;

在上面的文件中，y用红色下划线表示，将鼠标悬停在它上面时，工具提示会显示TS2332: Type 'number' is not assignable to type 'string'

我该如何实现？我应该调整 VSCode 设置吗？我应该使用特定的 ESLint 或 JSHint 功能吗？

答案1

有一个 VSCode 设置：

  1. 打开设置（文件 > 首选项 > 设置，快捷方式Ctrl+,）
  2. 确保Javascript > Implicit project config > Check JS已选中该选项

答案2

有两种不同的方法来处理这个问题，第一种方法是@nino-filiu 说的

打开设置（文件 > 首选项 > 设置，快捷键 Ctrl+,）

确保已选中 Javascript > 隐式项目配置 > 检查 JS 选项

因此它将默认启用。这需要团队的其他成员进行相同的 IDE 配置（如果您不是单独工作的话）并且可以通过// @ts-nocheck在特定文件的顶部添加来在文件级别进行转义。

第二个只是添加到// @ts-check文件的顶部，因此从现在开始将默认检查此特定文件，并且除非您将其更改为// @ts-nocheck或删除此行，否则无法逃脱。

相关内容