Debugging react native project

Question

Can any one suggest me best plugins that available for Visual Studio Code for debugging react native app instead of chrome . Thanks in advance

[React Native Tools](https://marketplace.visualstudio.com/items?itemName=vsmobile.vscode-react-native) is by far the best plugin I have been using. — Suraj Malviya, Dec 08 '18 at 14:29

gprathour · Answer 1 · 2019-05-21T09:54:24.457

1

You can try React Native Tools extension (provided by Microsoft) to enable React Native app debugging in Visual Studio Code.

I have written steps to do so in detail in my another answer.

edited May 21 '19 at 09:54

answered May 21 '19 at 09:39

gprathour

14,813
5
66
90

score 1 · Answer 2 · answered May 21 '19 at 10:34

You can use nodemon, i think best suited. You can set according your needs

the launch.json part

    {
      "type": "node",
      "request": "attach",
      "name": "Node: Nodemon picker",
      "processId": "${command:PickProcess}",
      "restart": true,
      "protocol": "inspector",
  },

i think chrome is not good environment for debugging in your case because it has generating extra codes while transforming

score 1 · Answer 3 · answered Jul 08 '19 at 21:25

1

adb logcat *:S ReactNative:V ReactNativeJS:V

This command could be helpful.

answered Jul 08 '19 at 21:25

Rohit

3,314
1
13
15

Debugging react native project

3 Answers3