Дебаг для Vue.js

155
12 октября 2019, 12:20

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

Answer 1

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

Answer 2

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

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

Answer 3

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

READ ALSO
Как при ссылке на страницу лист новостей открывать по айди новость в модальном окне?
javascript

Как при ссылке на страницу лист новостей открывать по айди новость в модальном окне?

Linkru#newId1 по примерно такой ссылке, по айди, требуется открывать с листа новостей каждую новость отдельно

 164
JQuery. Плавная прокрутка исключая элементы
javascript

JQuery. Плавная прокрутка исключая элементы

Мне надо исключить из кода прокрутку с внутренних ссылок, в которых присутствует id=

 185
Каким образом это можно сделать?
javascript

Каким образом это можно сделать?

Всем доброго времени сутокЕсть сайт: С очень прикольным эффектом Обшарил его вдоль и поперек, но не смог понять как они получили эффект для...

 154
Почему при переходе из touch режима эмуляции в обычный выводится код из touch?
javascript

Почему при переходе из touch режима эмуляции в обычный выводится код из touch?

Если сейчас загрузиться с режима эмуляции в хроме, а потом перейти в обычный режим, то в консоле выведется 'touch', а нужно, чтобы выводилось simple...

 185