File Management

Organize, navigate, and manage your project files with Juliet's intuitive file tree and management system.

Written By Samir Patel

Last updated 3 months ago

File Tree Overview: Hierarchical folder/file view with expand/collapse, visual status indicators (orange dot for unsaved changes), quick file access, real-time updates.

Opening Files: Click any file to open in editor. One file at a time, switch between files while preserving unsaved changes.

File Types: Full support for JavaScript, TypeScript, HTML, CSS, Python, JSON, Markdown. Binary files (images, fonts) can be viewed and downloaded but not edited.

File Operations: Create, modify, delete, rename files via AI.

Unsaved Changes: Orange dot (●) indicates unsaved changes. Save with Ctrl/Cmd+S or Save All button.

Downloading Projects: Export entire project as ZIP. Includes source files, package.json, configuration. Excludes node_modules. Run locally with npm install and npm run dev.

Best Practices: Keep tree clean, save frequently, use descriptive names (PascalCase for components, camelCase for utilities), organize logically.