如何让 VSCode/Typescript 对导入的类进行自动完成？

Question

假设我有一个文件，class.ts

//I tried implementing interface, but it won't help, with or without the interface
interface FooInterface {
    bar: Function
}

class Foo implements FooInterface {

    bar() {
        console.log('Hello world!');
    }

}

export = new Foo();

在我的另一个文件 index.js 中，我希望 VS Code 能够读取 Foo 类中的内容并自动完成，但事实并非如此。

const Foo = require('./class');

///Expecting the .bar() suggestion after typing Foo., but it didn't happen
Foo.bar();

我错过了什么吗？我应该怎么做才能让 VS Code 识别类中可用的方法/属性？很多第三方库都可以做到这一点。

Answer 1

这个模式对我来说有点奇怪，所以我为你创建了一个沙盒，

希望对你有帮助

这里是沙盒：https://codesandbox.io/s/vigorous-fog-hngl5?file=/src/index.js:0-72

如果您想查看差异，我也会在此处粘贴代码

interface FooInterface {
  bar: () => void
}

export default class Foo implements FooInterface {

  bar() {
      console.log('Hello world!');
  }

}

这是你如何导入它的：

import Foo from './class';

const FooInstance = new Foo();

这是结果：