Skip to main content

import default config

如果你希望在 VS Code 中使用相对路径（例如 ./validate/util），而不是默认的模块路径（例如 validate/util），你可以通过以下步骤来实现这一点：

1. 确保 TypeScript 配置正确​

首先，确保你的 tsconfig.json 文件中没有配置 baseUrl 或者 paths，或者这些配置不会影响到你的导入路径。如果你确实需要这些配置，可以尝试调整它们，使相对路径优先。

2. 修改 VS Code 设置​

VS Code 有一个设置可以控制默认导入路径的格式。你可以通过以下步骤来修改它：

  1. 打开 VS Code 设置（按 Ctrl + ,）。
  2. 在搜索栏中输入 import module。
  3. 找到 TypeScript > Preferences: Import Module Specifier 和 JavaScript > Preferences: Import Module Specifier 设置。
  4. 将它们设置为 relative。

具体步骤如下：

  1. 打开 VS Code 设置。
  2. 搜索 TypeScript > Preferences: Import Module Specifier。
  3. 将其设置为 relative。
  4. 同样地，搜索 JavaScript > Preferences: Import Module Specifier。
  5. 将其设置为 relative。

这样，VS Code 在自动导入模块时会使用相对路径。

3. 示例配置​

假设你的项目结构如下：

project-root/
│
├── src/
│   ├── validate/
│   │   └── util.ts
│   └── someOtherFile.ts
├── tsconfig.json
├── .eslintrc.json
└── package.json

在 someOtherFile.ts 中，你希望导入 util.ts 文件：

import { formatZodToEip1474Error } from './validate/util';

4. 手动修改导入路径​

如果上述方法未能解决问题，你可以手动更改导入路径：

import { formatZodToEip1474Error } from './validate/util';

通过这些方法，你应该能够在 VS Code 中使用相对路径进行模块导入。如果 VS Code 仍然默认使用非相对路径导入，请检查是否有其他扩展或配置影响了这一行为。