Drag and Drop
Move files and import from your desktop
Overview
TeamIDE supports drag and drop for organizing files within your project and importing files from your computer.
Moving Files in the File Tree
Reorganize your project by dragging files and folders.
How to Drag
- Click and hold on a file or folder
- Drag it to the destination folder
- The target folder highlights with a blue border
- Release to drop
Visual Feedback
| Indicator | Meaning |
|---|---|
| Drag ghost | Shows what you’re dragging |
| Blue border | Valid drop target |
| Grabbing cursor | Drag in progress |
Rules
- Can only drop into folders
- Cannot drop a folder into itself
- Cannot drop into a subfolder of itself
After Dropping
- File or folder moves to the new location
- Open tabs update to show the new path
- Git status recalculates automatically
Importing from Desktop
Drag files from Finder (Mac) or File Explorer (Windows) directly into TeamIDE.
How to Import
- Open Finder/File Explorer alongside TeamIDE
- Drag files or folders into the file tree
- Drop onto a folder to import there
- Drop on empty space to import to root
What Happens
- Files are copied into your project (originals unchanged)
- Folder structure is preserved
- Binary files (images, etc.) are handled correctly
.gitignorepatterns are respected
Supported Files
All file types are supported: - Code files (.js, .ts, .py, .vue, etc.) - Text files (.txt, .md, .json, etc.) - Images (.png, .jpg, .gif, .svg, etc.) - Any other file type
Dragging to Terminal
Drag files from the file tree into the terminal to insert the file path.
How It Works
- Start dragging a file from the Explorer
- Drop it into an active terminal
- The file path is inserted at the cursor
Path Format
- Paths are automatically escaped for shell use
- Special characters are handled correctly
- Works with files and folders
Use Cases
# Drag a file to cat it
cat [drop file here]
# Drag a file to edit it
vim [drop file here]
# Drag a folder to cd into it
cd [drop folder here]
Tips
- Quick reorganization: Drag to move files between folders instantly
- Import screenshots: Drag images from your desktop directly into docs
- Terminal paths: Avoid typing long paths by dragging files
Desktop App Only
Importing files from Finder/File Explorer requires the TeamIDE desktop app. This feature is not available in web browsers.
Related
- File Operations - Create, rename, delete files
- Code Module - File explorer overview
- Terminal Module - Terminal features
Changelog
| Date | Change |
|---|---|
| 2026-02-02 | Initial documentation |