title: Visual Studio Code debugging with AngularJS
body: <p>I want to debug my Angular App with the new Visual Studio Code, but It seems there is a problem with Angular and Visual Studio Code..</p>
  
  <p>This is my launch.json:</p>
  
  <pre><code>{
      "version": "0.1.0",
      // List of configurations. Add new configurations or edit existing ones.  
      // ONLY "node" and "mono" are supported, change "type" to switch.
      "configurations": [
          {
              // Name of configuration; appears in the launch configuration drop down menu.
              "name": "Manager",
              // Type of configuration. Possible values: "node", "mono".
              "type": "node",
              // Workspace relative or absolute path to the program.
              "program": "/Volumes/Transcend/WorkArea/Manager/app/app.js",
              // Automatically stop program after launch.
              "stopOnEntry": true,
              // Command line arguments passed to the program.
              "args": [],
              // Workspace relative or absolute path to the working directory of the program being debugged. Default is the current workspace.
              "cwd": ".",
              // Workspace relative or absolute path to the runtime executable to be used. Default is the runtime executable on the PATH.
              "runtimeExecutable": null,
              // Optional arguments passed to the runtime executable.
              "runtimeArguments": [],
              // Environment variables passed to the program.
              "env": { },
              // Use JavaScript source maps (if they exist).
              "sourceMaps": false
          }, 
          {
              "name": "Attach",
              "type": "node",
              // TCP/IP address. Default is "localhost".
              "address": "localhost",
              // Port to attach to.
              "port": 5858,
              "sourceMaps": false
          }
      ]
  }
  </code></pre>
  
  <p>I have this error when I try to debug my Angular app,</p>
  
  <p>Error:</p>
  
  <pre><code>ReferenceError: angular is not defined
      at Object.&lt;anonymous&gt; (/Volumes/Transcend/WorkArea/Manager/app/app.js:1:79)
      at Module._compile (module.js:456:26)
      at Object.Module._extensions..js (module.js:474:10)
      at Module.load (module.js:356:32)
      at Function.Module._load (module.js:312:12)
      at Module.runMain [as _onTimeout] (module.js:497:10)
      at Timer.listOnTimeout [as ontimeout] (timers.js:112:15)
  MacBook-Pro:Manager user$ cd '/Volumes/Transcend/WorkArea/Manager';  'node' '--debug-brk=55539' '/Volumes/Transcend/WorkArea/Manager/app/app.js'
  debugger listening on port 55539
  
  Killed: 9
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>/// &lt;reference path="../typings/angularjs/angular.d.ts"/&gt;
  
  var routerApp = angular.module('uiRouter', ['ui.router', 'uiRouter.dmvs']);
  
  routerApp.config(function($stateProvider, $urlRouterProvider) {
  
      $urlRouterProvider.otherwise('/home');
  
      $stateProvider
  
          .state('home', {
              url: '/home',
              templateUrl: 'app/dmvs/partial-d.html',
              controller:'dController'
          })
  
  });
  </code></pre>