Visual Studio代码 - Angular 2自动导入扩展

时间:2016-10-05 10:48:55

标签: angular typescript visual-studio-code

刚刚完成设置Visual Studio代码以学习Angular 2。

我目前为TypeScript安装了以下扩展程序:

  1. TSLint
  2. 除了新的主题等,我很想知道以下场景是否存在扩展名:

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

    我问这个原因是因为它会帮助我学习生活的地方等等。

    更新

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

    或者,如果使用Visual Studio Code with Angular 2的任何人都可以概述他们使用的扩展名,这也是有益的。

2 个答案:

答案 0 :(得分:7)

结帐Typescript Hero。它可以很好地导入应用程序的自定义部分,并帮助您轻松解决存在名称冲突的情况。

答案 1 :(得分:2)

另外,您可以在此处查看一些建议:Visual Studio Code Automatic Imports。特别是Typescript toolbox,它可以处理一些内置模块。