Vue Native - отладка - PullRequest
       24

Vue Native - отладка

0 голосов
/ 06 декабря 2018

Недавно я перешел с Ionic Framework на vue-native (обертка vue.js по реагирующему), все вроде бы круто, разработка быстрая и простая, но у меня есть некоторые реальные проблемы с отладкой этих приложений.С помощью Ionic Framework (Cordova) я смог открыть приложение в веб-браузере и легко управлять состоянием Vuex (например) из консоли Chrome.В родном мире это не кажется таким простым и тривиальным.Возможно ли иметь подобный опыт отладки в vue-native?Когда мое приложение начинает расти и усложняться, с ним трудно справиться.Любая помощь приветствуется.

1 Ответ

0 голосов
/ 01 августа 2019

В основном все мои проблемы исчезли, когда я портировал свои приложения в Expo (что позволяет удаленную отладку JS) и захватил React Native Debugger - https://github.com/jhen0409/react-native-debugger.

Важной частью является наличие симулятора на компьютере разработчика (как симулятор iphone), потому что отладчик плохо работает с реальными машинами.

Внутри отладчика нажмите cmd + t, чтобы открыть новое окно и установить порт на 19001 (из-за того, что Expo использует этот порт).Теперь запустите expo с помощью команды npm start и на панели Expo нажмите кнопку «Выполнить в симуляторе».

В симуляторе сделайте жест встряски (ctrl + cmd + z) и разрешите удаленную отладку в меню разработчика.

Готово.Приятный опыт похож на один известный из Кордовы.У вас есть консоль js, вы можете просматривать элементы и изменять стили в реальном времени.Экспо идет с живой перезагрузкой, чтобы сделать вещи более гладкими.

Больше информации здесь: https://docs.expo.io/versions/latest/workflow/debugging/

...