vscode 配置import @ 路径提示及代码智提

Posted zzsdream

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vscode 配置import @ 路径提示及代码智提相关的知识,希望对你有一定的参考价值。

1、安装插件:Path Intellisense
2、配置:

    "path-intellisense.mappings": {
        "@": "${workspaceRoot}/src"
    }

3、在项目package.json所在同级目录下创建文件jsconfig.json:

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

 

以上是关于vscode 配置import @ 路径提示及代码智提的主要内容,如果未能解决你的问题,请参考以下文章

vscode中PyLint报错Unable to import解决方案

python 在vscode下自动补全

vscode下import语句报[eslint]unable to resolve path to module (import/no-resovled)

2018-12-10vscode的配置

vscode-php代码提升及函数跳转

Vue:VSCode中,.ts文件没有代码及报错提示