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.