title: How to setup VSCode to show typescript error inline
body: <p>I'm trying to migrate an ES6 project to typescript. This is my first attempt at writing a typescript module in NodeJS.</p>
  
  <p>It seems to work better in Angular-CLI so far.</p>
  
  <p>I've got it compiling using command line <code>tsc</code>, but I'm not sure how to display errors and intellisense in the code editor?</p>
  
  <p>In a directory I have the two files shown below. When it compiles it, as expected throws a compile error: <code>Supplied parameters do not match any signature of cal
  l target.</code>. This is fine. </p>
  
  <p>But VSCode is not showing any errors in the editor, even if I make a deliberate syntax error like taking out a bracket, or type errors like this one. How do I  get VSCode to show inline syntax or compiler errors in the editor for .ts files?</p>
  
  <p><strong>validation-error.ts</strong></p>
  
  <pre><code>/**
   * Wrapper for a particular validation error.
   */
  export class ValidationError extends Error {
    private type: string;
  
    constructor(error: any) {
      super(error);
      Error.captureStackTrace(this, this.constructor);
      this.message = error.message;
      this.type = 'ValidationError';
    }
  }
  </code></pre>
  
  <p>Then I'm trying to write  simple spec to test out the workflow:</p>
  
  <p><strong>validation-error.spec.ts</strong></p>
  
  <pre><code>import { ValidationError } from './validation-error';
  import * as should from 'should';
  
  describe('Validation Error', () =&gt; {
    it('should create a new instance', () =&gt; {
      const instance = new ValidationError();
      should.exist(instance);
    });
  });
  </code></pre>
  
  <h1>Edited Here:</h1>
  
  <p>I'm still plugging away at this - I've setup <code>tsc</code> to run automatically with this job in <code>tasks.json</code>:</p>
  
  <pre><code>{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "taskName": "tsc",
    "command": "tsc",
    "isShellCommand": true,
    "args": ["-w", "-p", "."],
    "problemMatcher": "$tsc-watch",
    "echoCommand": true
  }
  </code></pre>
  
  <p>I suspect that if the errors were reported properly using <code>$tsc-watch</code>, the error would probably also show up in the editor. When I run the task I get output like:</p>
  
  <pre><code>running command$ tsc -w -p .
  src/hello.ts(15,1): error TS2346: Supplied parameters do not match any signature of call target.
  4:24:40 PM - Compilation complete. Watching for file changes.
  </code></pre>
  
  <p>But there are no problems reported in the <code>Problems</code> view - even though clearly there's a compiler issue.</p>
  
  <p>Got the <code>$tsc-watch</code> setting from this page of the docs: <a href="https://code.visualstudio.com/docs/editor/tasks" rel="noreferrer">https://code.visualstudio.com/docs/editor/tasks</a></p>