TIPS
问题背景:
在项目中使用了webpack路径别名(如@),无法直接跳转到所在文件
官方文档:jsconfig.json (opens new window)
# 什么是jsconfig.json?
jsconfig.json目录中文件的存在表明该目录是JavaScript项目的根目录。该jsconfig.json文件指定了JavaScript语言服务提供的功能的根文件和选项。
TIPS
提示:如果您不使用 JavaScript,则无需担心jsconfig.json.
提示: jsconfig.json是tsconfig.json的后代,它是 TypeScript 的配置文件。jsconfig.json是tsconfig.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
2
3
4
5
6
7
8
9
10
11
12
13
TIPS
如果创建了该文件后,文件中的路径别名还是无法跳转,请修改VSCode设置:
文件 > 首选项 > 设置 > 扩展 > TypeScript > JS/TS > Implicit Project Config: Check JS(或者直接搜索jsconfig)
选中即可,这样就可以愉快的反复横跳了