Debugging Lightning web components are easier when you enable debug mode for that user. In debug mode code is not minified. so the code will be look likes developer org. so that you cand add breakpoints and easily debug it. but performance is low, because of not minified code.
Enable debug mode for lightning components
- From setup, search for Debug mode --> here you can see list of users.
- Select the check box beside to user name and click on Enable buttons to enable debug mode for lwc for that user.
Disable lightning components debug mode for user
- From setup, search for Debug mode --> here you can see list of users.
- Select the check box beside to user name and click on Disable buttons to enable debug mode for lwc for that user.
Debug mode Screen:
Source:
https://help.salesforce.com/s/articleView?id=sf.aura_debug_mode.htm&type=5