如何在ESLint或VSCode中实现模块的自动导入？

有三种常用的实现方案，你可以根据自己的项目情况选择：

方案1：VSCode 正则批量替换（最快，无需额外依赖） #

• 先确认你的consoledata.ts的项目内引入路径，比如你的文件放在src/utils/consoledata.ts，用别名的话引入路径通常为@/utils/consoledata
• 打开VSCode全局搜索面板，开启正则匹配模式（搜索框右侧的.*按钮），同时限定处理范围：在文件包含输入框填*.ts,*.tsx,*.js,*.jsx，文件排除输入框填node_modules,dist,build等不需要处理的文件夹
• 第一次替换（处理已有导入语句的文件）：
  • 搜索正则：((?:^|\n)import.*from ['"].*['"];*\n)(?!.*import.*consoleData)
  • 替换内容：$1import consoleData from '@/utils/consoledata';\n
• 第二次替换（处理没有任何导入语句的文件）：
  • 搜索正则：^(?!import consoleData)(?!import)
  • 替换内容：import consoleData from '@/utils/consoledata';\n

替换前可以先预览搜索匹配结果，确认无误后再执行批量替换，避免误改。

方案2：ESLint 自动修复（更稳妥，不会误改未使用的文件） #

如果你的项目已经接入了ESLint，该方案只会给实际用到了consoleData的文件添加导入，不会污染其他文件：

• 确保项目已安装eslint-plugin-import和对应的解析器依赖
• 执行全量ESLint修复命令即可：

npx eslint --fix src/**/*.{ts,tsx,js,jsx}

ESLint会自动识别使用了未导入consoleData的文件，自动追加对应的导入语句。

方案3：声明为全局方法（一劳永逸，后续无需单独导入） #

如果你后续还会大量使用这个方法，可以直接把它注册为全局变量，所有文件都不用单独导入：

1. 在项目的全局类型声明文件（一般是src/global.d.ts或者src/vite-env.d.ts这类文件）里添加类型声明：

import type ConsoleData from './utils/consoledata';

declare global {
  const consoleData: typeof ConsoleData;
}

2. 在项目入口文件（比如src/main.ts/src/index.ts）顶部引入一次你的方法，挂载到全局对象上：

import consoleData from '@/utils/consoledata';
// @ts-ignore
globalThis.consoleData = consoleData;

配置完成后所有文件都可以直接调用consoleData，不需要单独导入。

内容的提问来源于stack exchange，提问作者Bukoye