用我的库对应的.d.ts代码检查我的库.js代码

时间:2019-03-10 00:12:19

标签: javascript typescript visual-studio-code vscode-settings

我正在使用JavaScript编写的名为MyLibrary的库。我也在编写(和发布)相应的类型声明文件,以便TypeScript用户可以在其TypeScript项目中使用我的库。这是我的项目结构:

// myLibrary.js
function abc (x, y, z) {
  let a = 1
  return a + x + y + z
}

function f (a, b, c) {
  const v = abc(a, b, c)
  return v*v
}

module.exports = {
  abc,
  f
}

// myLibrary.d.ts
export as namespace MyLibrary

export = MyLibrary

declare namespace MyLibrary {
  export function abc (x: number, y: number, z: number): number
}

这是非常标准的,可以正常工作。现在,我想改善MyLibrary的开发人员体验。我希望能够在修改.js文件时在文本编辑器中看到相应的类型声明。下面是VSCode的屏幕截图,我的光标悬停在abc内部的myLibrary.js函数上: ts intellisense of js file 注意编辑器如何显示我的any函数的abc类型?

如何从定义文件中显示声明的类型?

这是VSCode,tsconfig.json还是其他配置?这有可能吗?

请记住,将我的应用程序重写为MyLibrary.ts是不可行的。我没有使用TypeScript生成任何东西。支持TypeScript开发人员社区是我的项目之一。

0 个答案:

没有答案