title: How to intellisense alias module path in VSCode
body: <p>I would like VSCode to <a href="https://code.visualstudio.com/docs/languages/jsconfig" rel="noreferrer">IntelliSense the module path</a> so I can access it by click.</p>
  
  <p>For example, after configurating <code>jsconfig.json</code> I'm able to access <code>./src/styled/index</code> by importing its global path.</p>
  
  <p>But I couldn't figure out how to make it work with an alias <code>@styles</code></p>
  
  <pre><code>// VSCode Intellisene Works
  import { mixins, theme } from 'styles';
  
  // VSCode Intellisene Doesn't work
  import { mixins, theme } from '@styles';
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Sntcp.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Sntcp.png" alt="enter image description here"></a></p>
  
  <p>My current <code>jsconfig.json</code>:</p>
  
  <pre><code>{
    "compilerOptions": {
      "baseUrl": "./",
      "jsx": "react",
      "paths": {
        "@styles": ["src/styles/index"]
      }
    }
  }
  </code></pre>