Skip to main content

Enable debugging with React Native + Visual Studio Code + iPhone device + Expo

Setup Debugging on Visual Studio Code

  1. Make sure you have expo-cli installed globally - if not, run: npm install -g expo-cli
  2. Open Visual Studio Code
  3. Click: Control + Shift + D to Open Run and Debug window
  4. If you have never set this up before, select the Create a launch.json file under Run and Debug button
  5. If you had a launch.json file before, select the option Add Config (your workspace name)
  6. Select React Native
  7. Click Debug Application
  8. Click Exponent
  9. Select Application in Direct mode
  10. Select Tunnel 
  11. Save the file
  12. launch.json file should be ready

Start the debug session

  1. Note: if you are missing some library, Expo will remind you to install. Follow the instruction if required
  2. Re-open Run and Debug window if not yet opened (Control + Shift + D to open)
  3. Select "Debug in Exponent" on the drop down list box
  4. Click F5 to start the debugging session
  5. Expo QR Code window should show up on the right handside
  6. Open Expo Go (download if not yet installed
  7. Scan the code with your camera
  8. Select Open on Expo Go option
  9. Once the app opened, on the iOS device, shake the phone and enable Debugging
  10. Set a few breakpoints on your code and give it a try

Debugging

  1. F10 to step over
  2. F5 to continue
  3. F11 to step in


Additional websites if you need further support



Labels:

Comments

Post a Comment

Popular posts from this blog

Checked! Task Pro - Blackberry Instruction

  Checked Instruction I just started working on this page, please send me comments and suggestions that could improve this site. Please note that if you use the Android app, the instruction is similar to the BlackBerry app below. I will create a separate instruction page for Android app soon. Contents 1  Initial Set-up after Installation 2  SMART task system that combine the best of GTD (Getting Things Done) and MYN  3  Smart Add - natural language date parser 4  ***NEW*** Shortcuts 5  Back-up and Restore - How to Transfer data from one device to another 6  BES - Work Space - Add a public app from the BlackBerry World storefront 7  Settings options that will definitely increase your productivity 8  Automatically add email as task 9  Tips on improving performance 10  Add a category 11  Delete a category 12  Keep categories permanently 13  Add sub-task 14  Automatic Synchronize from remember 15  Sort opti...
Post a Comment
Read more

Checked Task Pro Instruction (BlackBerry 10)

  Checked Instruction I just started working on this page, please send me comments and suggestions that could improve this site. Please note that if you use the Android app, the instruction is similar to the BlackBerry app below. I will create a separate instruction page for Android app soon. Contents 1  Initial Set-up after Installation 2  SMART task system that combine the best of GTD (Getting Things Done) and MYN  3  Smart Add - natural language date parser 4  ***NEW*** Shortcuts 5  Back-up and Restore - How to Transfer data from one device to another 6  BES - Work Space - Add a public app from the BlackBerry World storefront 7  Settings options that will definitely increase your productivity 8  Automatically add email as task 9  Tips on improving performance 10  Add a category 11  Delete a category 12  Keep categories permanently 13  Add sub-task 14  Automatic Synchronize from remember 15  Sort opti...
Post a Comment
Read more

Virtual KVM (Mouse and Keyboard) for Windows + Mac --> Barrier

I use Windows and Mac at the same time... with multiple monitors: 1 on Mac and 2 on Windows. Barrier is one of many applications that allows seamless transition using the same mouse and keyboard on both devices without clicking on a hardware button. It's like you are using the same system.  As per normal pre-caution, please make sure the application you are downloading are safe to use (no guaranty on my end). Configuration Application used: Barrier Network: wifi When Barrier server is setup on Windows and Client is on Mac, the mouse stutters on the Mac System even though I have very fast Wifi Mesh. The best setup is Barrier Server on Mac, and Barrier Client on Windows. SSL Connection problem  You might get into connection issue on initial setup due to SSL not setting up correctly.  [2021-11-03T14:45:49] ERROR: ssl certificate doesn't exist: C:\Users...\AppData\Local\Barrier\SSL\Barrier.pem There are 2 options to fix this: 1. Disable SSL (not recommended) 2. Creat certific...
Post a Comment
Read more