VSCode 自动导入包插件 Auto Import

时间:2024-03-18 20:57:52

事件简介

  最进在学习Angular视频,发现一个令我非常难受的事情。
  是这样的,我看着视频一点一点敲代码的时候,第一次遇到了@Input,就像命中注定一样,我和它对视了一个上午。
  其实就是报错了,给我我急坏了,发现和视频步骤一模一样,代码也一样怎么就报错了呢?盯着@Input盯了整整一上午,终于发现了原因。原来是因为我没有导入包,而视频中的包是自动导入的。
  因为我没有像视频里那样使用Webstorm,我用的IDE是VSCode,我不知道是Webstorm自带导入包的功能还是他安装了插件,总之就是看他视频发现他没写导入包的代码,就自动写入导入包的代码了,不管他是安装了插件还是Webstorm自带导入包功能,总之为了防止再一次发生这种事,我决定要找一个类似功能的插件,最终被我找到了,没错,就是标题中的Auto Import。

安装Auto Import步骤
  1. 打开vscode
  2. 点击左侧扩展图标或者使用快捷键ctrl+shift+x,打开安装扩展的页面
  3. 在搜索框框输入Auto Import,按下回车键,找到Auto Import插件,点击安装按钮,安装插件
    VSCode 自动导入包插件 Auto Import

使用Auto Import
  1. 输入代码,代码不能错,一定要是正确的,大小写正确。
  2. 看到下图类似的提示内容后点击回车键或者单击提示信息
    VSCode 自动导入包插件 Auto Import
  3. 自动导入包成功,如果第一次没成功,没关系,重启IDE后在试试
    VSCode 自动导入包插件 Auto Import

好了,本次分享就到这里。