WebStorm TypeScript自动导入〜

时间:2018-01-25 13:14:19

标签: typescript webstorm

我在WebStorm中使用TypeScript,当我使用自动导入时,它会像这样导入:

import User from 'models/user'

TypeScript找不到此文件。为了使其工作,它应该是:

import User from '~/models/user'

我可以告诉WebStorm应该使用这种格式吗?

另一种选择是如果我能告诉TS接受'models / user',但我不想为每个可能的根文件夹添加路径映射。这是我的tsconfig:

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "es2017"
    ],
    "typeRoots": [
      "./node_modules/@types"
    ],
    "sourceMap": true,
    "module": "esnext",
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "noImplicitAny": false,
    "noImplicitThis": true,
    "noImplicitReturns": true,
    "strictNullChecks": true,
    "removeComments": true,
    "suppressImplicitAnyIndexErrors": true,
    "allowSyntheticDefaultImports": true,
    "allowJs": false,
    "baseUrl": ".",
    "rootDir": ".",
    "paths": {
      "~/*" : ["./*"],
    },
    "types": ["vue-router", "node"]
  }
}

我刚刚意识到,当我删除路径映射时,它也适用于〜。那么〜是打字稿使用的默认根符号? 顺便说一下,我在Windows机器上使用Webstorm。

0 个答案:

没有答案