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

ღ张明宇࿐

于 2023-03-12 19:10:07 发布

阅读量1.3k

点赞数

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/zmx781284440/article/details/129479415

版权

文章介绍了在VSCode中优化路径导航的三种方法：1)使用PathIntellisense插件自定义路径映射；2)创建jsconfig.json文件配置模块解析；3)安装VueJumper插件支持.vue文件的跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种方法：

在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"
    ]
  }
}