vue-cli使用@绝对路径import引入的关键字 在vscode里没有语法提示

Question

vue-cli使用@绝对路径import引入的关键字 在vscode里没有语法提示，使用相对路径就有：

两个编译运行都没问题，如何让vscode识别webpack alias定义的绝对路径？

Answer 1

vscode 下，可以在项目根目录下添加一个 jsconfig.json 文件来进行配置。

配置如下：

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