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,不过我现在还没遇到这个问题