Editor Settings

Configure font, display, tabs, auto-save, and formatting in the Monaco editor.

Settings → Editor controls how code looks and behaves in the Monaco editor.

Font and display

Setting	Description
Font family	Monospace face (presets plus custom)
Font size	Editor text size in pixels
Font ligatures	Enable programming ligatures
Minimap	Right-edge code overview
Line numbers	On, off, or relative
Render whitespace	None, selection, or all
Line highlight	Highlight active line, gutter, both, or none
Bracket pair colorization	Color matched brackets
Indent guides	Vertical indent lines
Bracket guides	Vertical lines for bracket pairs

Tabs and indentation

Editing behavior

Setting	Description
Word wrap	Off, on, or bounded column
Cursor style	Line, block, or underline
Smooth scrolling	Animated scroll
Scroll beyond last line	Extra space below file end
Image preview	Inline preview for image files

Save and format

Setting	Description
Auto save	Off, after delay, or on focus change
Auto save delay	Milliseconds when using delay mode
Format on save	Run formatter when saving
Trim trailing whitespace	Remove trailing spaces on save
Insert final newline	Ensure file ends with newline

Format on save uses Prettier when enabled and configured for the project.

Design

Settings → Editor → Design toggles Tailwind inline controls, number scrubbing, design autocomplete, diagnostics, and design blame. See Design Tools. Live-page inspect and apply is Visual Design, not this settings group.

Quick toggles

Some settings have keyboard shortcuts without opening settings:

Edit

Setting	Description
Tab size	Spaces per tab stop
Insert spaces	Spaces instead of tab characters
Detect indentation	Read indent style from file content

Action	Shortcut
Toggle word wrap	Alt+Z
Toggle minimap	Command palette Editor: Toggle Minimap
Format document	Alt+Shift+F