首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何让VSCode解析导入中的"@“

如何让VSCode解析导入中的"@“
EN

Stack Overflow用户
提问于 2019-07-17 01:09:18
回答 1查看 3.7K关注 0票数 5

我在一个使用了Webpack的Vue.js项目中工作。许多导入使用@作为src目录的别名。如何配置VSCode以解析别名并使智能感知与这些导入一起工作?

我在网上的许多地方找到了如何使用jsconfig.jsontsconfig.json在VSCode中设置别名。我已经尝试在这两个文件中进行配置,但似乎都不起作用。

我的jsconfig.json:

代码语言:javascript
复制
{
  "compilerOptions": {
    "target": "es6",
    "allowSyntheticDefaultImports": false,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

我希望VSCode能解析路径中的别名,让智能感知和窥视定义工作。

EN

回答 1

Stack Overflow用户

发布于 2019-07-17 01:54:57

在我当前的项目中,我在根目录下有一个jsconfig.json,其中包含以下内容:

代码语言:javascript
复制
{
  "compilerOptions": {
    "target": "es2017",
    "allowSyntheticDefaultImports": false,
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"],
    }
  },
  "exclude": ["node_modules", "dist", "docs"]
}

这对我来说很管用。

我不知道moduleResolution在您的配置文件中到底做了什么,在我的例子中,我的baseUrl是根文件夹。

vs代码的相关文档:https://code.visualstudio.com/docs/languages/jsconfig#_using-webpack-aliases

试试看,告诉我它是不是工作得更好?

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57062340

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档