vite项目resolve.alias自定义别名，IDE对别名导航的方式不支持，寻找解决方案的记录。

介绍以下，jsconfig.json是什么？jsconfig.json是tsconfig.json的子集，也就是说tsconfig有的选项jsconfig都有，因为他们可以理解为是一个配置文件。只是 js是针对javascript的，ts是针对typescript的。

具体的就看下面的官方文档吧。

 

 

这里是对tsconfig.json和jsconfig.json的配置官网教程，虽然是英文的，没法啊。

 

问题描述：

vite使用resolve.alias配置别名，使用import导入时，vite开发服务器能正常运行，但是ide对此别名支持有限，无法进行导航到指定文件。

后来根据资料，配置jsconfig.json文件，依然无法进行导航到目标文件。

jsconfig.json文件内容

{
  "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*": ["./src/*"]
        }
    },
    "vueCompilerOptions": {
        "experimentalDisableTemplateSupport": true
    }
}

 

 

Webstorm关于jsconfig的配置说明

Webstorm我是2021.2版本，在根目录添加了jsconfig.json文件，但依然无效。

看来只能是2022.1版本以上才支持vite的resolve.alias别名支持了。

这是对此vite别名特性支持的博文

 

 

vscode因为是免费的，这是vscode的版本

 

上面jsconfig.json的使用vscode打开这个项目，可以正常的使用别名导航。

这里是关于vscode对javascript，配置jsconfig.json的位置。

然后没啥说的。拜。

 

 

这里是vue3的工具链指南，这里放个连接以便快速定位位置。

 

[tscofig配置项](https://www.typescriptlang.org/tsconfig)