我们在项目中一般都会设置webpack alias,最常用的就是‘@’代表‘src’,这样的话编辑器无法识别,使用Ctrl+左键的方式无法找到对应文件。
类似于webstorm的配置,只不过在webstorm中我们需要新建一个webstorm.config.js文件,然后里面将webpack配置复制进去就可以了,在vscode中我们操作步骤如下:
1.在根目录新建文件jsconfig.json文件
2.写入内容如下:
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"],
}
},
"exclude": ["node_modules", "dist"],
"include": ["src/**/*"]
}
3.重启编辑器
需要注意的是这样不能实现后缀名不全的文件进行ctrl+左键跳转,暂时还没有找到解决方式,有知道的大侠放个链接再走呗
ok,大功告成