vscode 配置import ~ 路径提示及代码智提

1、安装插件:Path Intellisense
2、配置:

 {
  "path-intellisense.mappings": {
    "~": "${workspaceRoot}/src"
  }
}

3、修改项目package.json所在同级目录下文件tsconfig.json:

{
  "compilerOptions": {
    "noImplicitAny": false,
    "declaration": false,
    "target": "es6",
    "removeComments": true,
    "preserveConstEnums": true,
    "jsx": "react",
    "sourceMap": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "allowSyntheticDefaultImports": true,
    "baseUrl": "./",
    "lib": [
      "dom",
      "es2015.promise",
      "es5",
      "es6",
      "es2015.iterable",
      "es2015.generator",
      "es2015.symbol",
      "es7"
    ],
    "paths": {
      "~/*": [
        "src/apps/*"
      ]
    }
  },
  "exclude": [
    "node_modules"
  ],
  "typeRoots": [
    "node_modules/@types"
  ]
}

4、使用:

import { baseDispatch } from "~/common/src/utils/baseDispatch"; 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容