如何让VSCode自动导入默认用绝对路径，同目录用相对路径？

VSCode自带的typescript.preferences.importModuleSpecifier选项（可选值relative/non-relative/auto）确实无法实现「同目录用相对路径，其余用绝对路径」的混合规则，没有遗漏的官方原生设置。你可以通过以下插件方案实现需求：

必备前置配置（TS/Angular项目） #

首先在项目根目录的tsconfig.json中配置路径映射，确保绝对路径能被正确解析：

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "src/*": ["src/*"]
    }
    // 保留其他原有配置
  }
}

推荐插件方案 #

1. TypeScript Hero #

这是一款专门优化TS/JS导入体验的插件，支持自定义导入路径规则：

• 安装插件后，打开VSCode设置（settings.json），添加以下配置：

  "typescriptHero.imports.absolutePathStrategy": "baseUrl",
  "typescriptHero.imports.preferRelativeSameFolder": true
  

• 配置后，同目录文件导入会自动生成./xxx相对路径，其他目录文件则基于baseUrl生成src/xxx格式的绝对路径，完全匹配你的需求。

2. Auto Import（Stephanvs 开发） #

这款轻量级插件专注于自动导入功能，同样支持路径规则自定义：

• 安装后在settings.json中添加：

  "autoImport.absolutePathForNonRelative": true,
  "autoImport.preferRelativeForSameFolder": true
  

• 结合之前的tsconfig.json配置，即可实现同目录相对、跨目录绝对的导入路径逻辑。

补充说明 #

如果不想依赖插件，也可以通过ESLint规则import/no-relative-parent-imports配合自动修复功能，将跨目录的相对路径转为绝对路径，但这种方式是事后修复，而非自动导入时直接生成目标格式，体验不如插件直接。

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