Editor preferences

Customize your PlayCode editor with various settings for font size, tab size, Vim mode, and more.

How to access preferences

1. Click the Menu icon (PlayCode logo) at the top left.
2. Select Preferences.

Available settings

Preview settings

• Preview Run on Opening: Run code when you open a project
• Preview Zoom: Adjust preview panel zoom level (default: 100%)
• Preview Background: Choose between white or other background colors

Editor settings

• Font Size: Change editor font size (default: 15)
• Tab Size: Set tab width in spaces (default: 2)
• Tabs for Indent: Use tabs instead of spaces for indentation

Code formatting

• Line Wrap: Wrap long lines
• Hard Wrap Column: Set wrap column width (default: 80)
• Formatter Semicolons: Add semicolons when formatting
• Single Quotes: Use single quotes instead of double

Editor features

• Line Numbers: Show or hide line numbers
• Minimap: Show code overview minimap
• Syntax Validation: Enable/disable syntax error checking
• Autocompletion: Enable/disable code suggestions
• Hover Information: Show information when hovering over code
• Emmet: Enable Emmet abbreviations

Keymap

• Default: Standard keyboard shortcuts
• Vim: Enable Vim keybindings

Other

• Clear Cache: Clear all cached data and restart the project

Per-project vs global

Most editor preferences (font size, tab size, syntax highlighting, etc.) are global and apply to all your projects.

Some settings like SPA Mode and Live Reload are per-project settings.