vue项目中@/src路径跳转配置

第一种方法：

在vscode中下载Path Intellisense插件，然后在settings.json中配置如下代码：

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

第二种方法：

在项目根目录下创建文件jsconfig.json,然后配置如下：

{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "baseUrl": "./",
    "moduleResolution": "node",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  }
}

第三种方法：

在vscode中安装Vue Jumper这个插件，可支持.vue文件的跳转。(ctrl+鼠标左键点击组件名)