Как запустить и отладить приложение React Native Android в VSC?

Question

В настоящее время мне нужно выполнить следующие шаги для запуска и отладки приложения React Native для Android с помощью Android Studio и Google Chrome:

1. Запуск Android Studio
2. Эмулятор установки
3. Зайдите в терминал, запустите npm start
4. Выберите желаемый вкус
5. Запустите эмулятор
6. Удаленная отладка в Chrome

Интересно, можно ли упростить жизнь с помощью кода Visual Studio (возможно, с помощью какого-нибудь официального плагина), чтобы сделать все вышеперечисленное одним щелчком мыши?Пожалуйста, перечислите шаги для его настройки.

Answer 1

Нет необходимости в Android Studio, вы можете подключить реальное устройство, а не эмулятор.

Answer 2

Отладка реагирования на нативное приложение для Android и ios с использованием визуального кода. Нам нужно добавить дополнительный плагин в VSC Реактивный нативный-полный пакет

Шаг 1.

Установка React Native - расширение Full Pack

Шаг 2.

Подключите мобильное устройство в режиме отладки по USB или откройте эмулятор из студии android.

Шаг 3.

Выберите опцию отладки в левом меню в Visual Studio Studio. Нажмите «Добавить конфигурацию» и выберите «React Native», затем создайте launch.json

Шаг 4.

Открыть опцию dev в телефоне при длительном нажатии назад или встряхнуть телефон и удаленно включить отладку js

Шаг 5.

Последний шаг, нажмите кнопку воспроизведения и выберите «Отладка Android» или «Отладка ios

». Для получения дополнительной информации перейдите по этой ссылке

https://medium.com/@tunvirrahmantusher/android-debug-with-vscode-for-react-native-96f54d73462a