Edit your first schema
Live editing workflow
This page assumes you already ran serve and have the live preview open at http://localhost:3030.
-
Enter form schema edit mode:
CodeEditor required
Schema edit mode launches your editor. Make sure
EDITORorVISUALis set:- Linux/macOS: Add
export EDITOR=nanoto~/.bashrc,~/.zshrc, or~/.profile, then restart your terminal or runsource ~/.bashrc. - Windows (PowerShell): Run
$env:EDITOR = "notepad"for the current session, or add it to your PowerShell profile ($PROFILE). - Windows (CMD): Use
set EDITOR=notepadfor the session, or set it permanently via System Properties → Environment Variables.
To use VS Code, set
EDITORtocode --wait, notcode. Without--wait, the CLI continues before you save and your changes are lost. Other GUI editors need the same flag (e.g.,subl -w,zed --wait). - Linux/macOS: Add
-
Preview form schema:
Code -
Add a NumericField after a field of your choice, using the row number shown at the beginning of each line (e.g.,
2in2 | TextField ...) in the form schema preview:CodeThe CLI opens a JSON template in your editor. Keep the defaults and update a few fields, for example:
Code -
Add a CalculatedField after the
quantityfield you have just created:CodeUpdate the display style and calculation expression:
Code -
Save and close your editor.
The form schema is saved and validated. Any warnings will be printed in the CLI.
-
Check the live preview.
Your new fields should appear immediately in the browser.
-
Exit form schema edit mode:
CodeAnd stop the dev server:
Code