javascript - How to make VSCode resolve "@" in imports - Stack Overflow

admin管理员组

文章数量:1341395

I'm working in a Vue.js project that uses Webpack. Many imports use @ as an alias to src directory. How can VSCode be configured to resolve the alias and make intellisense work with those imports?

I have found in many places on the web how to setup aliases in VSCode, using jsconfig.json or tsconfig.json. I have tried configuring in both files and nothing seems to work.

My jsconfig.json:

{
  "pilerOptions": {
    "target": "es6",
    "allowSyntheticDefaultImports": false,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

I expected VSCode to resolve the alias in the path, making intellisense and peeking definition work.

I'm working in a Vue.js project that uses Webpack. Many imports use @ as an alias to src directory. How can VSCode be configured to resolve the alias and make intellisense work with those imports?

I have found in many places on the web how to setup aliases in VSCode, using jsconfig.json or tsconfig.json. I have tried configuring in both files and nothing seems to work.

My jsconfig.json:

{
  "pilerOptions": {
    "target": "es6",
    "allowSyntheticDefaultImports": false,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

I expected VSCode to resolve the alias in the path, making intellisense and peeking definition work.

• javascript
• vue.js
• webpack
• visual-studio-code

Share Follow edited Jul 16, 2019 at 19:43 Gabriel Mineiro asked Jul 16, 2019 at 17:09 Gabriel MineiroGabriel Mineiro 9111 silver badge44 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 12

In my current project, I have a jsconfig.json at the root containing this :

{
  "pilerOptions": {
    "target": "es2017",
    "allowSyntheticDefaultImports": false,
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"],
    }
  },
  "exclude": ["node_modules", "dist", "docs"]
}

and it works for me.

I don't know exactly what moduleResolution is doing in your conf, and my baseUrl is the root folder in my case.

The related doc for vs code : https://code.visualstudio./docs/languages/jsconfig#_using-webpack-aliases

Try it and tell me if it's working better ?

本文标签： javascriptHow to make VSCode resolve quotquot in importsStack Overflow