Why does Typescript ignore my tsconfig.json inside Visual Studio Code? : <p>I got my project setup like this</p>

<pre><code>project/
|
+---src/
|   |
|   +---app/
|       |
|       sample.ts
|
+---typings/
+---tsconfig.json
</code></pre>

<p>and here's my <code>tsconfig.json</code></p>

<pre><code>{
    "compilerOptions": {
        "rootDir": "src",
        "target": "es5",
        "module": "commonjs",
        "moduleResolution": "node",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": true,
        "sourceMap": true,
        "noImplicitAny": false,
        "outDir": "dist"
    },
    "exclude": [
        "node_modules",
        "src/assets",
        "src/lib"
    ]
}
</code></pre>

<p>What I'm wondering is, why does VSC indicate errors such as</p>

<p><a href="https://i.stack.imgur.com/m10Sk.png" rel="noreferrer"><img src="https://i.stack.imgur.com/m10Sk.png" alt="Error Highlighting in VSC"></a></p>

<p>when clearly there is no error at all (<code>"experimentalDecorators": true</code> is set in <code>tsconfig.json</code>), and the app transpiles just fine? And it's not just decorators, <code>Promise</code> and the like is highlighted as well (I made sure to have <code>tsconfig.json</code> in the same folder as <code>typings</code> and I got the typings for <code>es6-shim</code> installed).</p>

<p>Not sure if it matters, but I'm on <code>typescript@2.0.0-dev.20160707</code> at the moment. </p>
