0

Есть ли какой то способ ставить брейкпойнты, ватчить переменные, и смотреть колл стек. На обычном JS все просто, но когда разворачиванию проект с помощью vue-cli. То что то я сразу потерялся. Через дев сервер же это еще все работает.

1

3 ответа 3

1

Если разворачиваете через vue-cli, то там есть сорсмэпы из коробки, которые позволяют ставить брейкпоинты в DevTools там, где вам это нужно. Заходите в папку webpack, там находятся ваши исходники в том виде, в котором они находятся у вас в файловой системе.

введите сюда описание изображения

1
  • спасибо, это то что я и искал.
    – singlesly
    24 фев 2019 в 22:50
1

На обычном JS все просто

А вы на Vue пишете на необычном JS? Вставляете debugger; где надо и добро пожаловать в отладчик в Dev Tools браузера.

1
  • Ну debugger вряд ли будет полезен, учитывая, что код, прежде чем попасть в браузер, проходит через тысячи всевозможных модификаций (системы сборки, транспиляторы и т.п.). 22 фев 2019 в 16:00
0

Странно, что никто этого здесь еще не упомянул, но советую взглянуть на официальное расширение для Chrome. Также поможет в дебаге vue-router и vuex.

2
  • Ну просто подразумевалось, что разработчик, который пишет на Vue уже использует это расширение )) 22 фев 2019 в 16:12
  • нужны именно брейкпоинты. Расширение это ясное дело что по умолчанию надо ставить.
    – singlesly
    24 фев 2019 в 22:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.