Editor & files
Editor settings, Vim, your own snippets and the phone tools
Cursor style, line height, per-language tab sizes, Vim keys, snippets of your own or your team's, and the key bar, pinch zoom and swipes on phones.
Open Editor settings with Ctrl+, (or the gear in the editor's menu). Changes show at once in the preview and follow you to every browser you sign in to.
How it looks and feels
Cursor style (line, block, underline) and blinking, a smooth caret, line height, indent guides, font and size, ligatures, word wrap, and the tab size — per language too (say 4 for Python, 2 for everything else). A project's .editorconfig wins over these for its files.
The explorer can nest related files — lockfiles and generated files under the file they belong to, and show a folder with only one folder inside as one row (Compact folders: src/app/api).
Screen-reader mode turns off the editor's animations and makes everything readable aloud.
Vim
Editor settings → Keymap → Vim gives you Vim's modes and motions in both the desktop and the phone editor; the mode shows at the bottom. Switch back to Default any time.
Your own snippets
Editor settings → Snippets holds snippets of your own, or snippets everyone in the workspace gets (anyone who can edit in the workspace can add those). Give each a prefix, a language and the text ($1, $2 mark where Tab goes next). Type the prefix and pick it from the suggestions, on the desktop and on phones.
On a phone
- A key bar rides above the keyboard with the keys phones hide: Tab, Esc, arrows, brackets and quotes, undo and redo, comment, find and format.
- Pinch the code to change the font size.
- Swipe the path bar left or right to go to the next or previous tab.
- Pull down at the top of the file to open Go to file.
Still have a question about this?
Assist answers from this article — in any language.
Was this helpful?