VSコードでvue jsアプリケーションをデバッグするにはどうすればよいですか？

Question

vue init webpack my-test3を使用して新しいvue.jsアプリケーションを作成しました。 VSコード（V1.7.1）で

、私は、このアプリケーションおよびデフォルトlaunch.jsonは、プログラムがに設定されているデバッグしようとしています：

"configurations": [ 
    { 
     "type": "node", 
     "request": "launch", 
     "name": "Launch Program", 
     "program": "${workspaceRoot}/app.js", 
     "cwd": "${workspaceRoot}" 
    }, 

しかしapp.js存在しません。コンテンツがある場合はapp.jsを作成する必要がありますか？そうでない場合は、programをどこに指していますか？それとも全く違うことをする必要がありますか？ [OK]を

UPDATE 1

、私は/src/main.jsを指すようにprogramを変更しようとしました。それは今ES 2015エラーを投げている。

(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) 

私はbabelrcセットアップを検討しています。それは場合に役立ちます。また、システムが稼働している：

node  v6.9.1 
npm  v3.10.8 
babelrc v6.18.0 

Answer 1

だから、周りにいくつかのつまずきの後、私はデバッグのための出発点はprogramはlaunch.jsonで、/build/dev-server.jsに設定されているため、サーバを起動する必要があることを考え出し：

{ 
    "version": "0.2.0", 
    "configurations": [ 
     { 
      "type": "node", 
      "request": "launch", 
      "name": "Launch Program", 
      "program": "${workspaceRoot}/build/dev-server.js", 
      "cwd": "${workspaceRoot}" 
     }, 
     { 
      "type": "node", 
      "request": "attach", 
      "name": "Attach to Process", 
      "port": 5858 
     } 
    ] 
} 

vue.jsアプリケーションをデバッグするには、F5キーを押すか、デバッグサイドバー（Ctrl-Shift-D）を開き、[Launch Program]を選択して緑色の開始ボタンをクリックします。 Ctrl-Shift-Yでデバッグコンソールウィンドウを切り替えることができます。

launch.jsonは、アプリケーションの.vscodeフォルダーで初めてデバッグしようとすると作成されます。