title: How do I debug vue js application in VS Code?
body: <p>I've created new vue.js application using <code>vue init webpack my-test3</code>.</p>
  
  <p>In VS Code (v1.7.1), I am trying to debug this application and default <code>launch.json</code> has program set to:</p>
  
  <pre><code>"configurations": [
      {
          "type": "node",
          "request": "launch",
          "name": "Launch Program",
          "program": "${workspaceRoot}/app.js",
          "cwd": "${workspaceRoot}"
      },
  </code></pre>
  
  <p>but <code>app.js</code> does not exist. Do I need to create <code>app.js</code>, if so with which content? If not, where do I point <code>program</code> to? Or do I need to do something completely different?</p>
  
  <p><strong>UPDATE 1</strong></p>
  
  <p>Ok, so I tried changing <code>program</code> to point to <code>/src/main.js</code>. That is throwing now <code>ES 2015</code> error.</p>
  
  <pre><code>(function (exports, require, module, __filename, __dirname) { import
  Vue from 'vue'
                                                                ^^^^^^ SyntaxError: Unexpected token import
      at Object.exports.runInThisContext (vm.js:76:16)
      at Module._compile (module.js:542:28)
      at Object.Module._extensions..js (module.js:579:10)
      at Module.load (module.js:487:32)
      at tryModuleLoad (module.js:446:12)
      at Function.Module._load (module.js:438:3)
      at Timeout.Module.runMain [as _onTimeout] (module.js:604:10)
      at ontimeout (timers.js:365:14)
      at tryOnTimeout (timers.js:237:5)
      at Timer.listOnTimeout (timers.js:207:5)
  </code></pre>
  
  <p>I am looking into babelrc setup. Also if it helps, system is running:</p>
  
  <pre><code>node     v6.9.1
  npm      v3.10.8
  babelrc  v6.18.0
  </code></pre>