Visual Studio代码自动导入

123

reach4thelasers：

我正在从Webstorm过渡到Visual Studio Code。Webstorm的性能令人讨厌。

Visual Studio代码在查找所需的依赖项并将其导入方面不是很有帮助。到目前为止，我一直在手动执行此操作，但是老实说，我宁愿等待15秒钟以进行Webstorm查找并添加必须手动挖掘的导入。

我正在使用来自@ minko-gechev https://github.com/mgechev/angular2-seed的angular2种子

我的baseDir中有一个tsconfig.json，看起来像这样：

    {
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "declaration": false,
    "removeComments": true,
    "noLib": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "pretty": true,
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitUseStrict": false,
    "noFallthroughCasesInSwitch": true
  },
  "exclude": [
    "node_modules",
    "dist",
    "typings/index.d.ts",
    "typings/modules",
    "src"
  ],
  "compileOnSave": false
}

而且我的src / client目录中还有另一个看起来像这样的文件：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "allowSyntheticDefaultImports": true
  }
}

我不知道为什么有两个。Angualr Seed项目使用Typescript gulp构建任务，因此我猜编译是不同的。

我该如何使vscode变得更有帮助？

reach4thelasers：

我通过安装各种插件使它起作用。这是我的扩展程序列表的屏幕截图。在大多数情况下，只要我键入类名，事情就会自己导入。或者，出现一个灯泡，您可以单击。或者，您可以按F1，然后键入“ import ...”，那里也有各种选项。我有点用了。同样，用于实现接口的F1工具也很有用，但并不总是有效。