Edit the source
Open any file in Code, edit it with autosave, search the project, move or replace files, or send highlighted lines with a request.
Updated Oct 12, 2026
Steps
- Open Code in the project panel, or press ⌘E (Ctrl+E).
- Open a file with ⌘P (Ctrl+P) and edit it. It saves by itself and the preview rebuilds.
- To ask about one place, highlight the lines and send them with a chat message.
- Rename, move, replace or delete a file from its ⋯ menu; code that uses it is updated too.
Where things live
| Folder | Holds |
|---|---|
app/ | Routes: one file per screen, plus tab and stack layouts. |
src/features/ | Screens and their behaviour, by feature. |
src/services/ | Data access: API clients and backend calls. |
src/theme/ | Colours, spacing, radius and type; the Design tab edits these. |
.env | Public configuration the app may ship. |
Shortcuts
| Shortcut | Action |
|---|---|
| ⌘P / Ctrl+P | Open a file by name |
| ⌘F / Ctrl+F, ⌘⇧F / Ctrl+Shift+F | Find in the file, search the project |
| ⌥Z / Alt+Z | Word wrap on or off |
| ⌘E / Ctrl+E | Open or close the code drawer |
| ⌘K / Ctrl+K | Find an app, page, action or Help article |
| ⌘J / Ctrl+J | Open or close the assistant |
| ⌘/ / Ctrl+/ | List every shortcut |
Good to know
- Upload to assets/ adds images, fonts and videos; a .zip is unpacked and a file with the same name is replaced. On a landing page it is Upload to public/: the page serves
public/as it is, so an image or video there loads on the page. - A path built at run time is not updated by a move; the dialog names those files.
- Each file change is its own version in Version history. It needs the Edit code permission and waits while a turn runs.
- If your save and a turn change the same file differently, both sides are kept for you to resolve. Close files with ×: ⌘W closes the browser tab.
Related
Did this page help?