vscode 配置路径别名 @

VSCode路径别名配置

最新推荐文章于 2025-11-03 15:16:36 发布

原创最新推荐文章于 2025-11-03 15:16:36 发布 · 6.6k 阅读

3 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何在VSCode中配置路径别名，通过安装PathIntellisense插件及编辑jsconfig.json文件，实现代码复用并提高开发效率。

为了保证多个项目复用代码，我喜欢把路径别名设置为@，下面介绍vscode中的配置方法。

1、安装插件Path Intellisense

2、配置

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

3、在项目package.json所在同级目录下创建文件jsconfig.json：

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

备注：我在nuxt项目中会这样配置

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