title: How to work with Typescript in .vue files using VS Code?
body: <p>I'm using Visual Studio Code, Vue 2 (webpack template) and Typescript.</p>
  
  <p>This is my App.vue component:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div id="app"&gt;
          &lt;navbar&gt;&lt;/navbar&gt;
          [content here]
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script lang="ts"&gt;
      import Navbar from './components/Navbar'
  
      export default {
          components: {
              Navbar
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Question 1: Everything is working fine, but I would like to have intellisense inside <code>&lt;script lang="ts"&gt;</code> tag as it happens in .ts files, so how can I achieve that?</p>
  
  <p>Question 2: In my main.ts I have <code>import App from './App'</code>, but "./App" is underlined in red since VS Code can't find the .ts file. Is there a way to make the editor recognizes .vue before compile time (in editing time)?</p>
  
  <p><strong>Update</strong> (2018-03-25): I highly recommend everyone who wants to setup typescript to read <a href="https://alexjoverm.github.io/2017/06/28/Integrate-TypeScript-in-your-Vue-project/" rel="noreferrer">this</a></p>