Skip to content
Kisuke Kisuke

Navigating Files

Moving around your code shouldn’t slow you down. Kisuke makes file navigation fast and intuitive, even on a touch screen.

The file explorer

Section titled “The file explorer”

Opening the explorer

Section titled “Opening the explorer”
  • iPhone: Swipe from the left edge or tap the folder icon
  • iPad: Always visible on the left side
  • Toggle: Tap the sidebar icon to show/hide

Understanding the tree

Section titled “Understanding the tree”

Your files are organized just like on your computer:

📁 my-project
  📁 src
    📄 App.js
    📄 index.js
  📁 styles
    📄 main.css
  📄 package.json
  📄 README.md

Expanding folders

Section titled “Expanding folders”
  • Tap folder name to expand/collapse
  • Tap arrow for quick toggle
  • Long press for folder options
  • Nested folders show indented

Finding files fast

Section titled “Finding files fast”
Section titled “Quick search”

The fastest way to find files:

  1. Tap the search icon 🔍
  2. Start typing the filename
  3. Results appear instantly
  4. Tap to open

Search tips

Section titled “Search tips”
  • Partial names work: “app” finds “App.js”
  • Extensions optional: “index” finds “index.js”
  • Case insensitive: “APP” finds “app.js”
  • Fuzzy matching: “aj” might find “App.js”

Recent files

Section titled “Recent files”

Your most recent files appear at the top:

  • Last 10 opened files
  • Tap to reopen quickly
  • Clear history in settings
  • Project-specific history

Working with tabs

Section titled “Working with tabs”

Opening files

Section titled “Opening files”

Multiple ways to open:

  • Single tap - Opens in current tab
  • Double tap - Opens in new tab
  • Long press - Shows options menu

Tab management

Section titled “Tab management”

Keep multiple files open:

  • Active tab highlighted
  • Swipe tabs to scroll through
  • X button closes tab
  • Tab limit prevents clutter

Tab shortcuts

Section titled “Tab shortcuts”

Quick tab actions:

  • Swipe down on tab to close
  • Long press for options
  • Drag tabs to reorder
  • Double tap tab bar for tab list
Section titled “Breadcrumb navigation”

Following the path

Section titled “Following the path”

See where you are:

my-project > src > components > Button.js

Using breadcrumbs

Section titled “Using breadcrumbs”
  • Tap any part to jump there
  • See full path always
  • Truncates long paths smartly
  • Updates as you navigate

File actions

Section titled “File actions”

Long press menu

Section titled “Long press menu”

Press and hold any file for:

  • Open in new tab
  • Rename file
  • Delete file
  • Copy path
  • Show in finder

Swipe actions

Section titled “Swipe actions”

Quick gestures on files:

  • Swipe left - Quick actions
  • Swipe right - Mark/unmark
  • Pinch out - Preview file
  • Force touch - Peek at contents

Smart navigation

Section titled “Smart navigation”

Jump to definition

Section titled “Jump to definition”

In supported languages:

  • Tap and hold on function name
  • Select “Go to definition”
  • Opens file and position
  • Works across files

Symbol navigation

Section titled “Symbol navigation”

Find functions and classes:

  1. Open command palette
  2. Type @ followed by name
  3. See all symbols in file
  4. Jump to selection

File relationships

Section titled “File relationships”

See connected files:

  • Imports and exports
  • Related test files
  • Style companions
  • Configuration links

Workspace awareness

Section titled “Workspace awareness”

Multiple folders

Section titled “Multiple folders”

If you have multiple roots:

  • Each shows separately
  • Switch between projects
  • Independent histories
  • Unified search

Git indicators

Section titled “Git indicators”

See file status:

  • 🟢 New files (untracked)
  • 🟡 Modified files
  • 🔴 Deleted files
  • 🔵 Renamed files

File badges

Section titled “File badges”

Quick status info:

  • 🔴 Errors in file
  • ⚠️ Warnings present
  • 💾 Unsaved changes
  • 🔒 Read-only files
Section titled “Navigation preferences”

Customize behavior

Section titled “Customize behavior”

In settings, adjust:

  • Single vs double tap to open
  • Tab opening behavior
  • File tree indent size
  • Icon themes

Sorting options

Section titled “Sorting options”

Order files by:

  • Name (alphabetical)
  • Type (folders first)
  • Date modified
  • Custom rules

Filtering

Section titled “Filtering”

Hide files you don’t need:

  • Dot files (.gitignore)
  • Build outputs
  • Node modules
  • Custom patterns

Keyboard navigation

Section titled “Keyboard navigation”

With external keyboard

Section titled “With external keyboard”

Navigate faster:

  • Arrow keys - Move selection
  • Enter - Open file
  • Cmd+P - Quick open
  • Cmd+Shift+E - Focus explorer

Vim-style navigation

Section titled “Vim-style navigation”

For power users:

  • j/k - Up/down
  • h/l - Collapse/expand
  • / - Start search
  • n/N - Next/previous result

Tips for efficiency

Section titled “Tips for efficiency”

Learn the shortcuts

Section titled “Learn the shortcuts”
  • Quick open is fastest
  • Recent files save time
  • Breadcrumbs show context
  • Tabs keep flow

Organize your workspace

Section titled “Organize your workspace”
  • Close unused tabs
  • Group related files
  • Use search liberally
  • Mark important files

Touch techniques

Section titled “Touch techniques”
  • Swipe for speed
  • Long press for options
  • Double tap strategically
  • Use gestures naturally

Common patterns

Section titled “Common patterns”

Debugging navigation

Section titled “Debugging navigation”
  1. Find error file quickly
  2. Jump to line number
  3. Check related files
  4. Navigate imports

Feature development

Section titled “Feature development”
  1. Open feature folder
  2. Keep specs nearby
  3. Reference examples
  4. Quick switch files

Code review

Section titled “Code review”
  1. Open changed files
  2. Navigate with diff
  3. Jump between files
  4. Track progress

Next steps

Section titled “Next steps”

Continue mastering the editor: