VScode中js文件可以Ctrl+鼠标单击跳转，但是.vue文件不可以

vue3项目

jsconfig.json已配置，配置如下：

{
  "compilerOptions": {
    // "module": "commonjs",
    "baseUrl": ".",
    "paths": {
      "@*": ["./src*"]
    },
    "target": "ES6",
    "allowSyntheticDefaultImports": true
  },
  "include": [
    // "./src/**/*",
    "./src/**/*.js",
    "./src/**/*.vue",
    "./vite/plugins/auto-import.js"
  ],
  "exclude": ["node_modules"]
}

其中注释掉  "./src/**/*.js", 测试时，不可以跳到.js文件了，所以这个配置文件是生效的，只是.vue文件无法ctrl+鼠标划过蓝线跳转，好像识别不了？我到现在也不知道为什么。

其中@别名与vite.config中保持一致。

vue Peek，vue helper都装过，没解决，

volar回退过一周前、一年前的版本，也没有解决。

不过用另一种方式解决了问题

vscode插件：别名路径跳转（就是中文）

下载完并在setting.json中按它指导配置就行，实现了ctrl+鼠标蓝线跳转至.vue文件。

可是这样属于是我本地正常用，远程下载下来还是不能跳转的，哎，想用配置文件解决啊啊啊。

还有，路径不能及时排查错误，比如路径中@/api/sys等等中打错一个字，他不能检查出来，这是怎么回事啊，初步定位是配置文件的问题，解决中…

---

路径检查错误的问题解决了，

打开eslintrc里的这个配置，需要同时在plugin里引入import插件(应该是“eslint-plugin-import”这个插件)，不引入会报错

rules: { 'import/no-unresolved': 'error', } 

plugins: [ 'vue', 'import']

。。。然后就会发现不管对不对，路径全报错了，

原因是eslint不能识别@别名和.js ，.vue文件，需要配置

配置方式：

安装插件

npm install eslint-import-resolver-alias --save-dev

然后在eslintrc中配置settings，这项配置与rules同级

settings: {
    'import/resolver': {
      alias: {
        map: [['@', './src']],
        extensions: ['.js', '.jsx', '.vue']
      }
    }
  },

别名与识别文件全配置好了，eslint可以正常检查路径是否正确了。别名跟自己系统对应。应该只能检查这三种类型吧，后续如果升级成ts，需要在extension加入相应的文件类型；见到有人出现css引入的错误，可能也需要加入.css，不过我现在还没遇到这个问题