creativelkp.blogg.se - Visual studio code debug react

In a nutshell, Reactive App is a framework for building native apps using JavaScript and React. Add the ANDROID_HOME environment variableĭo you know React Native? If you don't, you should really do something about that, especially if you're a web developer interested in creating native mobile app.Install React Native (and its dependencies).

Similarly if your app wasn't working already then you can go for Debug Android or Debug iOS accordingly.

Then on emulator or device open developer options (Ctrl + M for Windows + Android) and click on Debug JS Remotely.

Now suppose you already have your app running on emulator then you can choose option Attach to Packager.

You can add configurations for React Native: Attach to Packager, React Native: Debug to Android, React Native: Debug to iOS in your launch.json file. Now if already have Launch configuration added, then you can click on Add Configuration button then you will see more options related to React Native.If it initially says No Configuration then you can click on Add Configuration and then choose React Native option. Then go to Debug option from left menu and click on Add Configuration.This is a nice add on to VS Code's capabilities for React Native. Install React Native Tools Extension (provided by Microsoft) to VS Code.Then on approach can be to follow the following steps: If you want to debug the app in VS Code itself, like in other IDEs.