Turbo PRO Tip: Keep Logs Visible with Dual Sidebars

0

Publication Date: 30/06/2025

Author: Anas Chakroun

Anas Chakroun

2-3 minutes

Turbo panel visible while coding using VSCode dual sidebars
💡 Keep Turbo logs visible 24/7 — code on the left, logs on the right.

Why move the panel?

By default, the Turbo panel lives in VS Code’s primary (left) sidebar — sharing real estate with Explorer, Search, Source Control, etc. If you’re constantly toggling between Explorer and Turbo, the back-and-forth hurts flow. Moving Turbo to the secondary sidebar lets you keep your file tree on the left and your live log tree on the right, visible at all times.

3-Step Setup — 5 Seconds

1. Open Turbo Panel — click the Turbo icon in the Activity Bar as usual.

Turbo panel on primary sidebar
Turbo panel in its default primary position.

2. Right-click the panel title → Move To → Secondary Side Bar Panel.

Context menu to move Turbo panel
Tiny but mighty option — unlock dual-sidebar mode.

3. Enjoy dual-sidebar bliss! The Turbo logs explorer stays docked on the right while the Explorer (or Search, Git, etc.) stays on the left.

Turbo panel in secondary sidebar
Logs always visible — no more panel juggling.

Bonus UX Tips

• On ultra-wide monitors, collapse the secondary sidebar when you need full focus, then pop it back open with a single shortcut: ⌥⌘B for MacOS and Ctrl+Alt+B for Windows/Linux.

• Pair this with Turbo PRO’s VDOM for sub-100 ms live updates: code left, logs right, instant feedback.

Conclusion

That’s it — one tiny VS Code trick, huge boost in debugging flow. Give it a spin and let us know what you think! also stay tuned for more ways to level up your debugging flow.