Using the Code Editor
Learn how to edit files, navigate the file tree, and use the built-in development tools.
The Flexity workbench includes a full-featured code editor. Here's how to use it.
File Tree
The left panel shows your project's file structure. Click any file to open it in the editor.
Editing Files
The editor supports: - Syntax highlighting for 20+ languages - Auto-save (files save automatically as you type) - Multiple file tabs - Search and replace
Live Preview
The right panel shows a live preview of your app. Changes are reflected in real-time as the AI writes code or as you edit files directly.
Terminal
Access the terminal to run commands directly in your cloud sandbox. This is useful for: - Installing npm packages - Running build commands - Checking logs
Version History
Flexity saves a version of your project after each AI interaction. You can: 1. Click the version history icon in the header 2. Browse previous versions 3. Restore any version with one click