In Chrome DevTools, you can debug front-end code by navigating to the "Sources" tab, clicking on the three dots in the upper right corner, and selecting "Open file". You can set breakpoints to pause code execution at specific points and step through the code to analyze its behavior. Additionally, you can monitor variables in the "Scope" panel and track function calls in the "Call Stack" panel. For example, to see logs in the console, you can use console.log().