vsCode配置import@路径提示

SunnyRun！

已于 2024-11-24 15:21:12 修改

阅读量2.6w

点赞数 16

CC 4.0 BY-SA版权

分类专栏： vscode插件文章标签： vscode javascript json

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

本文链接：https://blog.youkuaiyun.com/weixin_43624724/article/details/90902329

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