vscode保存时自动添加import

VS_CODE在保存文件的时候,如何使用插件自动添加没有的import,望各位提供经验

VS Code提供了很多可以自动添加导入语句的插件,例如Auto Import,Python Import等。

你可以按照以下步骤来实现在保存文件时自动添加缺少的导入语句:

  1. 在 VS Code 中搜索并安装 Auto Import 插件;
  2. 打开设置(快捷键:Ctrl + , 或者 Command + ,);
  3. 搜索 "autoimport";
  4. 在 "Autoimport: File Extensions" 中添加你想要自动导入的文件类型;
  5. 在 "Autoimport: Trigger String" 中添加自动导入的触发字符串,默认为 "auto",也可以修改成其他字符串;
  6. 保存设置;
  7. 在 Python 文件中使用未导入的模块或者类时,保存文件时插件会自动添加缺少的导入语句。

注意:插件只会自动导入可以自动识别的模块或者类,对于不能自动识别的模块或者类需要手动导入。

在 VS Code 中,有很多插件可以帮助你自动添加缺少的 import,其中比较流行的有 "Auto Import" 和 "Import Cost"。

"Auto Import" 插件

安装该插件后,它会自动检测你在代码中使用的未导入的模块,并在需要的地方提供自动导入选项。
如果你想自动导入缺少的模块,只需将光标放在需要导入的模块名上,按下 "Ctrl + ."(Windows)或 "Cmd + ."(Mac),然后选择要导入的模块即可。
"Import Cost" 插件

安装该插件后,它会自动计算你的每个导入模块的大小,并在导入语句旁边显示一个小标志,让你知道导入模块的大小。
如果你想自动导入缺少的模块,只需将光标放在需要导入的模块名上,按下 "Ctrl + Shift + i"(Windows)或 "Cmd + Shift + i"(Mac),然后选择要导入的模块即可。
除了上述插件,还有一些其他的插件也可以帮助你自动添加 import。你可以在 VS Code 的插件市场中搜索 "auto import" 或 "import" 等关键词,找到适合你的插件。
望采纳。

以下答案引用自GPT-3大模型,请合理使用:

示例

使用JavaScript imports auto-organize插件可以自动添加import。使用方法是:

1. 打开VS Code中的应用商店,并搜索“JavaScript imports auto-organize”插件。

2. 安装后,打开文件,VS Code将会自动为你添加所有需要的import语句。

以下是一个代码示例:

// before save 
function add(a, b) {
  return a + b;
}

// after save
import { add } from './add';

function add(a, b) {
  return a + b;
}

如果我的回答解决了您的问题,请采纳我的回答

  • 这篇博客: VS Code 自动导入 && 保存时整理 import中的 自动导入 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 装一下这个插件,在 TS 和 TSX 模块中可用。
    请添加图片描述
    例如在这边导出一个 compose 函数:
    请添加图片描述
    在另一个模块中输入 compose 然后按回车:
    请添加图片描述
    即可自动导入:
    请添加图片描述