Есть ли какой то способ ставить брейкпойнты, ватчить переменные, и смотреть колл стек. На обычном JS все просто, но когда разворачиванию проект с помощью vue-cli. То что то я сразу потерялся. Через дев сервер же это еще все работает.
3 ответа
Если разворачиваете через vue-cli, то там есть сорсмэпы из коробки, которые позволяют ставить брейкпоинты в DevTools там, где вам это нужно. Заходите в папку webpack, там находятся ваши исходники в том виде, в котором они находятся у вас в файловой системе.
На обычном JS все просто
А вы на Vue пишете на необычном JS? Вставляете debugger;
где надо и добро пожаловать в отладчик в Dev Tools браузера.
-
Ну
debugger
вряд ли будет полезен, учитывая, что код, прежде чем попасть в браузер, проходит через тысячи всевозможных модификаций (системы сборки, транспиляторы и т.п.). 22 фев 2019 в 16:00
Странно, что никто этого здесь еще не упомянул, но советую взглянуть на официальное расширение для Chrome. Также поможет в дебаге vue-router и vuex.
-
Ну просто подразумевалось, что разработчик, который пишет на Vue уже использует это расширение )) 22 фев 2019 в 16:12
-
нужны именно брейкпоинты. Расширение это ясное дело что по умолчанию надо ставить. 24 фев 2019 в 22:49