Editor preferences

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.

On this page

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 and SPA mode
Minify, Keep names, Tree shaking The project's Settings, General, under Production build: see Bundle configuration
Build quality and the model Choose build quality in the chat's toolbar, or Settings, AI defaults: see 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.