使用vscode在.js文件上的打字稿

Question

通常我想用打字稿而不是Flow写.js文件。

我将webpack配置为在js扩展上使用ts-loader并且工作正常。

我使用tsconfig文件上的checkJs，它可以很好地检查js文件。

问题是VScode在js文件上引发错误： [js]'types'只能在.ts文件中使用 。

Answer 1

您应该将.ts文件而不是.js文件用于TypeScript代码，以获取完整的IDE和其他工具支持。 编译器会将您的.ts文件转换为.js。

Answer 2

是的，通常您应该使用正确的文件扩展名，但是可以通过设置来强制VS Code将JS文件视为TypeScript：

"files.associations": {
    "*.js": "typescript"
}

Answer 3

您不能在js文件中使用打字稿类型声明。 （即使启用了checkJS）

在JS文件上，您必须使用JSDoc批注。

/** @type {number} */
var x;

打字稿会为您检查这些。

但我想您要寻找的是.ts文件

Answer 4

由于Typescript 3已经发布，并且他们已经完成了将其与babel 7结合使用的工作，因此对于许多程序员来说，在.js文件中包含Typescript现在很有意义。

目前，我添加了以下vscode设置：

"files.associations": {
    "*.js": "typescript"
},

并重新启动VSCode，它对我有用。

希望vscode将来会提供更清洁的解决方案。