Code Editor
View and edit your app’s code from the Code tab. Full VS Code in the browser for precise manual edits.
Switch to the Code view in the builder toolbar to open a full VS Code editor in the browser.
What can I do in the code editor?
Section titled “What can I do in the code editor?”- Browse your entire project file tree
- Edit any file with full VS Code features (syntax highlighting, IntelliSense, search)
- Install VS Code extensions
- Use keyboard shortcuts you already know
How do I save changes?
Section titled “How do I save changes?”Changes are saved automatically when you edit files. The live preview updates to reflect your edits.
Should I use the AI or edit code directly?
Section titled “Should I use the AI or edit code directly?”We recommend using the AI chat or the Visual Editor for most changes. The AI understands your app’s architecture and makes coordinated changes across multiple files.
Use the code editor when you need:
- Precise control over a specific file
- To review or understand the generated code
- To make small manual adjustments the AI missed
Can I use the code editor alongside the AI?
Section titled “Can I use the code editor alongside the AI?”Yes. The AI can see changes you make in the code editor. You can switch freely between AI chat, Visual Editor, and the Code Editor — they all work on the same codebase.
What happens if I break something?
Use git to revert changes. The AI can also help fix issues: describe what went wrong and it will investigate.
Can I use my own local IDE?
The code editor runs in the browser. VS Code extensions and settings sync are not currently supported from a local VS Code installation.