How to run and debug React Native Android App in VSC?

Question

I currently need to use the following steps to run and debug React Native Android App using Android Studio and Google Chrome:

1. Start up Android Studio
2. Setup emulator
3. Go to terminal, run npm start
4. Choose the desire flavour
5. Run the emulator
6. Remote debug in Chrome

I wonder if life can be made easier to use Visual Studio Code (possibly with some official plugin) to do all the above in a single click? Please list out the steps to configure it.

Answer 1

Debug react native android and ios app using Visual code, We need to add addition plugin into VSC React native-Full Pack

Step 1.

Install React Native - Full Pack extension

Step 2.

Connect the mobile device using USB debugging mode or open emulator from the android studio.

Step 3.

Click on debugging option from the left menu in visual code studio Click on Add configuration and select React Native then create launch.json

Step 4.

Open dev option in the phone on the long back press or shake the phone and Enable Debug js remotely

Step 5.

Final step click on play button and select Debug android or Debug ios

For more information refer this link

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