jsconfig.json的使用

2021/8/3 VSCode

TIPS

问题背景:

在项目中使用了webpack路径别名(如@),无法直接跳转到所在文件

官方文档:jsconfig.json (opens new window)

# 什么是jsconfig.json?

jsconfig.json目录中文件的存在表明该目录是JavaScript项目的根目录。该jsconfig.json文件指定了JavaScript语言服务提供的功能的根文件和选项。

TIPS

提示:如果您不使用 JavaScript,则无需担心jsconfig.json.

提示: jsconfig.jsontsconfig.json的后代,它是 TypeScript 的配置文件。jsconfig.jsontsconfig.json"allowJs"属性设置为true。

# 配置路径别名

在根目录下创建jsconfig.json文件,写入如下代码,更多配置请参考官方文档

{
  "compilerOptions": {
    "target": "es6",
    "paths": {
      "@/*": [
        "./src/*"
      ]
    }
  },
  "exclude": [
    "node_modules"
  ]
}
1
2
3
4
5
6
7
8
9
10
11
12
13

TIPS

如果创建了该文件后,文件中的路径别名还是无法跳转,请修改VSCode设置:

文件 > 首选项 > 设置 > 扩展 > TypeScript > JS/TS > Implicit Project Config: Check JS(或者直接搜索jsconfig)

选中即可,这样就可以愉快的反复横跳了

最近更新: 2023年03月21日 14:47:21