# Editor preferences

> The code editor's settings in Settings, Editor - font and tab size, line numbers, wrapping, formatting, code assist, Vim keys and the preview.
> Source: https://playcode.io/docs/classic/editor-preferences - last reviewed 2026-10-09.

Your code editor's settings are in **Settings**, under **You**, **Editor**. Playcode keeps them in this browser, and they apply to every project you open in it.

To open them, choose the name of your workspace at the top of the left panel, then **Settings…**, then **Editor**. **Editor** is not shown when you open Settings from inside a Cloud app, which has no code editor.

## Type & indentation

| Setting | Default | Range |
|---|---|---|
| **Font size** | 15 | 8 to 32 |
| **Tab size** | 2 | 1 to 8 |
| **Tabs for indent** | Off: "Off indents with spaces." | |

## Display

| Setting | Default | Range |
|---|---|---|
| **Line numbers** | On | |
| **Minimap** | Off | |
| **Line wrap** | Off | |
| **Hard wrap column** | 80: "Where the formatter breaks long lines." | 40 to 200, in steps of 10 |

## Formatting

| Setting | Default |
|---|---|
| **Semicolons** | On |
| **Single quotes** | On |

## Code assist

| Setting | Default |
|---|---|
| **Syntax validation** | On |
| **Autocompletion** | On; off on a phone |
| **Hover information** | On; off on a phone |
| **Emmet** | On |

## Keymap

**Default** or **Vim**. The default is **Default**.

## Preview

| Setting | Default | Range |
|---|---|---|
| **Run on opening** | On: "Build the preview as soon as the project opens." | |
| **Zoom** | 100% | 25% to 200%, in steps of 5 |
| **White background** | Off | |

## Settings that live elsewhere

| Setting | Where |
|---|---|
| **Live reload**, **SPA mode**, **Live view delay**, **Loop protection** | The project's **Settings**, **General**, under **Behavior**: see [Turn off automatic runs](/docs/classic/turn-off-auto-run) and [SPA mode](/docs/classic/spa-mode) |
| **Minify**, **Keep names**, **Tree shaking** | The project's **Settings**, **General**, under **Production build**: see [Bundle configuration](/docs/classic/bundle-configuration) |
| Build quality and the model | **Choose build quality** in the chat's toolbar, or **Settings**, **AI defaults**: see [Models and modes](/docs/build/models-and-modes) |
| Keyboard shortcuts | **Help**, **Keyboard Shortcuts**, in the menu under the workspace's name |
| **Clear Cache & Reload** | **Help**, in the same menu. It clears Playcode's local copy of your data in this browser and reloads the page; changes that have not reached Playcode yet are lost |

Another browser or device starts with the defaults.