If you do not have visual studio code already installed, it can be downloaded from here : Download Visual Studio Code

We will mainly see how this application can be debugged from right inside the Visual Studio Code. As the main motive of this blog is to show how React App can be debugged from Visual Studio Code, we will not discuss how the application is built. This is a popular example for anyone learning React. In this blog, we will take example of Filtered Product List application found on under Thinking in React section. Visual Studio Code with its in-built debugging support for node.js runtime is perfect for this scenario. But having developed many java-based enterprise applications in previous years, I am someone who prefers to debug code inside my editor only. There is nothing wrong with this approach of debugging. For React-based apps, React Developer Tools is such an extension. When I call adb shell pwd withinĪ console, / indicating the root directory is returned.Debugging React Apps In Visual Studio Codeīy Pranav Manair Browser debugger or extension to the browser debugger is the usual way of debugging Javascript-based web applications and Javascript-based frameworks like React, Angular, etc.

Next, I watched the log on the Android device using adb logcat *:W, yet no warning or error appears. I started Visual Studio with the logging flag enabled and searched through the log - but no error or warning is contained. Unexpected results from running the Android command 'pwd'.

The code gets compiled and also deployed on the target device yet after deploymentĪn error pops up saying: Unable to start debugging. While I am perfectly able to develop and debug native Android C++ code using one of the Visual Studio Android Emulators, I am facing some trouble debugging on a real device. First of all I think its great that it is now possible to develop native Android apps with C++ directly in Visual Studio - many many thanks for the effort!

Visual studio code debug android device