title: Improving the imports in Webstorm 11 using JSPM and Typescript
body: <p>I am using JSPM and Typescript for an Angular2 project and Webstorm 11 seems confused about the import paths of the TS classes.</p>
  
  <p><a href="https://i.stack.imgur.com/G102q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/G102q.png" alt="enter image description here"></a></p>
  
  <p>The first import is the correct one: </p>
  
  <p><code>import {Component} from "angular2/core";</code></p>
  
  <p>But the other two are referencing directly from the <code>jspm_packages</code> folder importing this two paths incorectly:</p>
  
  <pre><code>import {Component} from "../../jspm_packages/npm/angular2@2.0.0-beta.0/src/core/metadata";
  import {Component} from "../../jspm_packages/npm/angular2@2.0.0-beta.0/ts/src/core/metadata";
  </code></pre>
  
  <p>I have ignored both <code>node_modules</code> and <code>jspm_packages</code> in <code>tsconfig.json</code> as Webstorm seems to recognize it, but no luck so far.</p>
  
  <p>Is there any way i can configure Webstorm to automatically import the correct module and ignore the other two?</p>