Visual Studio Code - Angular 2 自动导入扩展

Posted 2023-03-13

【中文标题】Visual Studio Code - Angular 2 自动导入扩展

【英文标题】：Visual Studio Code - Angular 2 auto import extension

【发布时间】：2017-02-13 18:42:18

【问题描述】：

刚刚完成了用于学习 Angular 2 的 Visual Studio 代码设置。

我目前为 TypeScript 安装了以下扩展：

TSLint

除了新主题等，我很想知道是否存在适用于以下场景的扩展：

假设我在 Angular 2 中创建一个表单，如果我不从 @angular2/forms 手动导入 FormControl，我将在这个表单中使用 FormControl，那么它当然不会工作，是否创建了扩展如果我输入 FormControl 它会提醒我并说你需要从 X 导入 X ？

我问这个的原因是因为它会极大地帮助我了解事物生活的地方等等。

更新

所以今天花了一些时间进行搜索以找到我需要自动从其他文件和模块自动导入符号的相关扩展名，我遇到了这个Visual Studio automatic import 但是 OP 指定的扩展名似乎不起作用对于所有符号。在 OP 上传的图像中，我复制了代码，当我写 Pipe 时，它提示我从 @angular/core 导入 Pipe 但是当输入 PipeTransform 时，它没有给我导入选项，而是它只是说 @ 987654326@

或者，如果任何将 Visual Studio Code 与 Angular 2 一起使用的人都可以概述他们使用的扩展，这也是有益的。

【参考方案1】：

您还可以在这里查看一些建议：Visual Studio Code Automatic Imports。特别是Typescript toolbox，它可以处理一些内置模块。

【参考方案2】：

查看Typescript Hero。它在导入应用程序的自定义部分方面做得很好，并帮助您轻松解决存在名称冲突的情况。