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 的形式
• 正在想办法解决