title: Code completion for Firebase in VS code?
body: <p>On <a href="http://youtu.be/sKFLI5FOOHs?t=57s" rel="nofollow noreferrer">this video</a> Typescript is used for code completion. 
  I followed the instructions from <a href="https://code.visualstudio.com/docs/languages/typescript" rel="nofollow noreferrer">here</a> and have Typescript working with the Hello World example. I have no idea what to do next to have code completion for Firebase.</p>
  
  <p><strong>How can I get code completion for Firebase in VS Code?</strong></p>
  
  <p><strong>Update 1</strong>:</p>
  
  <p>I created my Firebase project with the following commands in the VS code terminal: <code>firebase init</code>, <code>firebase init functions</code>. So I would also want the code completion to work in the functions/index.ts file that I will have to create, just saying.</p>
  
  <p>Then I did <code>npm init</code> and as sugested:</p>
  
  <pre><code>npm install --save-dev @types/firebase
  </code></pre>
  
  <p>In the root directory of the project now I have the <code>node_module</code> directory with only <code>@types/firebase</code> as content and this package.json file:</p>
  
  <pre><code>{
    "name": "My Project",
    "version": "1.0.0",
    "description": "Does something",
    "main": "index.js",
    "dependencies": {},
    "devDependencies": {
      "@types/firebase": "^2.4.31"
    },
    "scripts": {
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1"
    },
    "author": "Somebody",
    "license": "ISC"
  }
  </code></pre>
  
  <p>I also created a <code>index.ts</code> file to test but when I type <code>firebase.</code> no code completion. What is the next step to get the code completion?</p>
  
  <p><strong>Update 2</strong>:</p>
  
  <p>.vscode/tasks.json:</p>
  
  <pre><code>{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "0.1.0",
    "command": "tsc",
    "isShellCommand": true,
    "args": ["-w", "-p", "."],
    "showOutput": "silent",
    "isBackground": true,
    "problemMatcher": "$tsc-watch"
  }
  </code></pre>
  
  <p>tsconfig.json:</p>
  
  <pre><code>{
      "compilerOptions": {
          "target": "es5", 
          "sourceMap": true
      }    
  }
  </code></pre>
  
  <p><strong>Still no code completion!</strong></p>
  
  <p><strong>Update 3</strong>:</p>
  
  <p>The beginning of the <code>functions/index.ts</code> file where I am interested to see the code completion:</p>
  
  <pre><code>import * as firebase from 'firebase';
  var functions = require('firebase-functions');
  </code></pre>
  
  <p>The <code>import * as firebase from 'firebase'</code> part is from <a href="http://youtu.be/sKFLI5FOOHs?t=57s" rel="nofollow noreferrer">this video</a> where I saw the code completion working. I would also want the code completion to work in <code>public/app.ts</code> the client side file.</p>