React 项目VS Code f12文件跳转不生效修复

562 阅读1分钟

背景:每次在开发RN项目时,使用到 tools  和 styles 文件下的组件时,f12转到定义总是不生效。于是,总是要打开左侧文件树,逐级查找或者 crtl + p 输入文件名查找。十分麻烦。

通过查资料了解到,通过在项目根目录下创建jsconfig.json,并添加如下配置,重启VS Code就可以了:

{
  "compilerOptions": {
    "baseUrl": "./",
    "experimentalDecorators": true,
    "paths": {
      "styles": ["./tools/styles"]
    }
  },
  "exclude": ["node_modules"]
}

参考

  1. 解决vscode中文件路径使用@导致的引用丢失和跳转失效等问题