webpack 自定义别名后,VScode 路径提示问题

问:

用@vue/cli 3 创建的项目,配置了自定义别名。例如"@/xxx",配置完后 VScode 没有代码提示了。 VScode 是装了插件的,用相对路径有提示,如"./xxx"时是有路径提示。

答:

可以在项目的根目录下创建 tsconfig.json 或者 jsconfig.json 文件,内容如下:

{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*": ["src/*"],
        }
}

文件保存后,重启 VSCode 编辑器,即可。