Vue 解決@別名不能識別目錄的問題, vscode不出現目錄提醒和Ctrl+左鍵點擊不能跳轉的問題

問題描述

• 問題1：在使用 @ 引入src下某個目錄下文件的時候,會出現不能智能提示的情況
• 問題2：Ctrl+左鍵點擊跳不能轉打開到文件所在目錄

import { getUser } from '@/utils/auth'

解決方法

• 在項目根目錄下添加 jsconfig.json文件，配置如下

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "@/*": ["src/*"]
        },
        "target": "ES6",
        "allowSyntheticDefaultImports": true
    },
    "include": ["src/**/*"],
    "exclude": ["node_modules"]
}

轉向缺省后綴名的.vue文件無效

• 當指向的是.vue文件，但@/assets/a又缺省了后綴名，這時候也是轉向無效的，所以要么寫成@/assets/a.vue 的形式
• 正在想辦法解決