Debugging with webstorm

Here’s a quick tip debugging a nodejs express app

  1. Identify a line you want to debug, and click on its number, you should see a red dot. Eg I am interested to see the console.log of req.body method on the server side js
  2. Click the top left green ‘bug’
  3. Open your localhost:xxxx or refresh it if it was open
  4. Since, the method I want to see happening need to send the form, fill the form and hit send
  5. Observe the terminal and expand the req object to find the body method
  6. Upon clicking body you should get to see the console logged values that you filled in the form. In this case email and password

I would find time to read further on debugging nodejs app in chrome dev tools from Paul.

--

--

--

think&code. Also an occasional G(Foodie)OAT: https://www.instagram.com/anaikoki/

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to disable CSRF protection in certain route in Laravel

Promises & Why Your Code Won’t Keep Them

Use an extra WebView for Text Translation in Browser: EinkBro (11)

What does fetch() do?

5 things I wish I knew as a Software Engineer

Updating Your React Native App

How Node. JS works

How to use Smart Notes

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Anna Ikoki

Anna Ikoki

think&code. Also an occasional G(Foodie)OAT: https://www.instagram.com/anaikoki/

More from Medium

Simple And Easy Login Screen Integration

Singleton and Factory Design patterns in JavaScript

NoSQL: Not Only SQL 🤔 || MongoDB

Upload large files to Cloudinary through REST API