使用绝对路径而不是相对路径与 JetBrains WebStorm 自动导入进行反应

Question

我正在 React.js 中使用 JetBrains 提供的很棒的 WebStorm 来完成各种项目。

每次我输入现有组件名称时，WebStorm 都会自动为我导入它，这非常棒，但它是根据我正在导入的文件通过其相对路径来实现的。

看起来是这样的：

import vintageAxios from "../../../../services/api/index";

但我希望它是这样的：

import vintageAxios from "services/api/index";

我已经使用

.env.local

变量设置了

NODE_PATH=src/

文件，我已经使用 create-react-app 来设置项目。

编辑：我的输入没有问题。我想知道是否有一种方法可以配置 WebStorm，以便它自动使用绝对路径而不是相对路径进行输入。

Answer 1

找到它（WebStorm 2017.2），将您的源目录（例如/src）标记为源根目录（右键单击它以找到它）后，您可以选中此框：

Answer 2

对于任何使用 Typescript 的人。检查

Use paths relative to tsconfig.json

>

Editor

>

Code Style

 中的 

Typescript

选项

Answer 3

从 WebStorm 2019.1.1 开始，在

Editor

>

Code Style

>

TypeScript

>

Imports

（您可能需要展开选项卡旁边的箭头才能找到它），您可以将

Use path mappings from tsconfig.json

设置为

Only in files outside specified paths

，路径映射覆盖的本地文件将通过相对导入进行解析。