vs code 中@提示和转定义

使用vscode的时候，经常需要引入一个文件、图片等，这时候我们会下载（path-intellisense）等插件来获得路径的提示，没错，这确实很方便，但是我们在利用webpack构建脚手架开发的时候，或者说用vue开发的时候，我们会利用到路径别名这么一个理念，就是说 我们可以设置一个变量 比如 @ 来表示一个相对路径的文件目录，已达到好看，或简写的效果（vue 官方十分推荐。）但是这里我们就出现了一些问题。

问题一：如果我们用了路径别名（@）等，那么我们的插件（path-intellisense）将不支持自动提示。

解决办法 : 在用用户配置setting.js里面加入以下代码 来获得代码提示

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

问题二: 使用ctrl+鼠标左键转入到定义

例如 import { XXX } from ‘@/api/aaa’; 点击aaa进入定义文件

解决方法:在项目package.json所在同级目录下创建文件jsconfig.json,写上如下配置。

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