使用绝对路径而不是相对

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