vsCode配置import@路径提示

原创已于 2024-11-24 15:21:12 修改 · 2.6w 阅读

48 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #javascript #json

于 2019-06-05 14:52:14 首次发布

vscode插件专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在vsCode中配置路径提示，包括安装PathIntellisense插件、设置路径映射、创建jsconfig.json文件等步骤，以实现@符号引导的路径补全功能。

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

《前端开发面试题进阶秘籍》：前端登顶-前端知识点梳理

1、安装插件：Path Intellisense插件；
2. eg：在这里插入图片描述
3.添加：

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

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

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