解决vue项目中使用@符号没有路径提示问题

vscode扩展商店Path Intellisense为我们提供了使用./的方式拥有路径提示

而vue项目使用@符号时候就需要在配置一次

打开设置 - 首选项 - 搜索 Path Intellisense - 打开 settings.json ，添加

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

我们都知道@代表src下的文件

在vue项目 package.json 所在同级目录下创建文件 jsconfig.json，添加以下内容：

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