Использование точек останова с VS Code и приложением Quasar Vue - PullRequest
Новая
       36

Использование точек останова с VS Code и приложением Quasar Vue

0 голосов
/ 12 марта 2019

У меня есть пример тестового проекта здесь , который я использую, чтобы поиграть с этим.

То, что я хотел бы сделать, это установить точку останова на: 

console.log('in returnArray')

строка в функции returnArray в Index.vue, нажмите play и остановите VS Code, чтобы я мог использовать функции отладчика.

То, что мне удалось получить, - это вставить в функцию оператор 'debugger', чтобы вызвать разрыв в отладчике, что все же лучше, чем отладка console.log (...), но не совсем как Я хотел бы работать. 

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}/src",
            "breakOnLoad": true
        }
    ]
}

При запуске .scripts я вижу что-то странное, что кажется неправильным, но когда я пытаюсь это исправить, оператор 'debugger' не приводит к остановке VS Code в ожидаемом месте. 

› webpack-internal:///./src/pages/Index.vue (/Users/ericgorr/depot_quasar/quasar_debug/src/pages/Index.vue)
    - webpack:///./src/pages/Index.vue?2483 (/Users/ericgorr/depot_quasar/quasar_debug/src/src/pages/Index.vue)

Вы можете увидеть двойное упоминание папки src. Это вызвано 

"webRoot": "${workspaceFolder}/src",

в файле launch.json, но если я удаляю / src, путь в .scripts выглядит правильно, но отладчик перестает работать, как ожидалось.

Могу ли я установить точку останова в VS Code и остановить ее на этой линии? Если да, какие изменения мне нужно внести в проект, чтобы это заработало?

1 Ответ

0 голосов
/ 15 марта 2019

Щелкните значок «Отладка» на панели действий, чтобы открыть представление «Отладка», затем щелкните значок шестеренки, чтобы настроить файл launch.json, выбрав Chrome / Firefox: «Запуск в качестве среды». Замените содержимое сгенерированного файла launch.json соответствующей конфигурацией:

enter image description here

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vuejs: chrome",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}/src",
      "breakOnLoad": true,
      "sourceMapPathOverrides": {
        "webpack:///./src/*": "${webRoot}/*"
      }
    },
    {
      "type": "firefox",
      "request": "launch",
      "name": "vuejs: firefox",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}/src",
      "pathMappings": [{ "url": "webpack:///src/", "path": "${webRoot}/" }]
    }
  ]
}

Спасибо.

...