TypeScript后端应用能否终端调试？求类似PUDB/PDB的工具

Great question! I totally get wanting to debug TypeScript backend apps straight in the terminal, no fancy IDE required—just like how PDB/PUDB works for Python. Here are the best tools that fit the bill:

• Node.js Built-in Debugger (with ts-node)
  Node actually comes with a built-in terminal debugger that works seamlessly with TypeScript when paired with ts-node. It’s lightweight and uses familiar debug commands, just like PDB.

  • Setup: First install dependencies globally:
    npm install -g ts-node typescript
  • Launch debugging:
    node inspect -r ts-node/register your-backend-script.ts
  • Key commands: Use n to step to the next line, s to step into a function, c to continue execution, repl to open a prompt and inspect variables in real-time, and setBreakpoint('path/to/file.ts', 42) to set a breakpoint at line 42 of your TS file. You can also drop debugger; statements directly in your code—the debugger will pause there automatically.

• pudb-node (PUDB-inspired)
  If you love PUDB’s terminal-based UI with split panels for code, variables, and call stacks, this is your match. It’s a direct port of PUDB for Node.js/TypeScript, making the transition super smooth.

  • Setup:
    npm install -g pudb-node
  • Launch debugging:
    pudb-node -r ts-node/register your-script.ts
  • Once running, you’ll get a colorful terminal interface with all the PUDB features you know—navigate with arrow keys, set breakpoints with F9, inspect variables in the side panel, and use the command bar for actions. It’s perfect for visual learners who prefer a structured terminal debug experience.

• ts-debug
  A TypeScript-focused terminal debugger that cuts out the middleman (no need to think about compiled JS). It supports source-level debugging directly on your TS files and has a simple, intuitive command set.

  • Setup:
    npm install -g ts-debug
  • Launch debugging:
    ts-debug your-backend-script.ts
  • Use commands like step (step into), next (step over), continue (resume execution), and watch myVariable to track a variable’s value as you debug. It also recognizes debugger; statements in your TS code.

Quick Pro Tip #

Whichever tool you pick, make sure your tsconfig.json has sourceMap: true enabled—this ensures the debugger maps back to your original TypeScript code instead of the compiled JavaScript, making debugging way easier.

内容的提问来源于stack exchange，提问作者osmay88