关于vue.js:vscode-中-Vue别名路径提示

开发场景

当应用 Vue 框架进行我的项目开发时，在 vue.config.js 中配置好了门路别名后，到其余页面引入组件、引入 css、引入动态文件门路时，应用门路别名不会智能提醒门路。尽管在 vscode 中装置了 Path Intellisense 插件，然而并无作用。这样容易呈现门路拼写错误的低能问题，同时也会造成开发效率升高

解决方案

• 在我的项目 package.json 所在同级目录下创立文件 jsconfig.json，来解决别名门路不提醒的问题。（配置完保留文件后须要重启编辑器能力失效。而且 它只能辨认 .vue 和 .js结尾的文件，css文件与其余的动态文件仍然没有提醒，不举荐！！！）

// .jsconfig.json  
{  
    "compilerOptions": {  
        "baseUrl": ".",  
        "paths": {"@/\*": \['src/\*'\],  
            "a/\*": \["src/assets/\*"\],  
            "c/\*": \["src/components/\*"\],  
            ...  
        }  
     },  
    "include": \["./src/\*\*/\*.vue", "./src/\*\*/\*.js"\], 
    "exclude": \["node\_modules"\]  
}

• 在 vscode 的 setting.json 中给 Path Intellisence 配置（该计划是最优选，能辨认任意格式文件，覆盖率最广。当别名产生扭转时只需批改配置即可）

// setting.json  
"path-intellisense.mappings": {"a": "${workspaceRoot}/src",  
    "c": "${workspaceRoot}/src/components",  
    ...  
}