如何在 VS Code 中调试 vue js 应用程序？

我使用创建了新的 vue.js 应用程序vue init webpack my-test3.

在 VS Code (v1.7.1) 中，我尝试调试此应用程序和默认值launch.json程序设置为：

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

but app.js不存在。我需要创建吗app.js，如果是的话，包含哪些内容？如果没有，我该指向哪里program到？或者我需要做一些完全不同的事情？

UPDATE 1

好的，所以我尝试改变program指向/src/main.js。那就是现在扔ES 2015 error.

(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

因此，经过一番摸索之后，我认为调试的起点必须启动服务器，因此program被设定为/build/dev-server.js, in launch.json:

{
    "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
        }
    ]
}

现在您可以通过按 F5 或转到“调试”侧边栏来调试 vue.js 应用程序（Ctrl-Shift-D）然后选择“启动程序”并单击绿色启动按钮。您可以使用以下命令切换调试控制台窗口Ctrl-Shift-Y.

对于后人来说，launch.json是在您第一次尝试调试时创建的.vscode您的应用程序的文件夹。