Dokumentation

Alle AnleitungenArbeitsablauf

Projekte und Dateien

Ein lokales Projekt erstellen, öffnen und organisieren, ohne Editor und Verzeichnis zu trennen.

6 Min. Lesezeit

Drei Startwege

Im Hub kann ein Projekt aus einer Vorlage, einem in Dateien gewählten Ordner oder einem Clone entstehen. Aktuelle Vorlagen: Leer, Vite + React, Astro, SwiftUI mit einer View und Swift Playground.

Leer erzeugt index.html, CSS und JavaScript ohne Build. Vite + React enthält React 19, TypeScript und Vite; Astro erzeugt eine statische Website; Swift-Vorlagen dienen dem nativen Preview und .swiftpm für Swift Playgrounds.

VorlageAusgangspunkt
LeerHTML, CSS und JavaScript
Vite + ReactReact 19, TypeScript und Vite
Astrostatische Website
SwiftUIeine ContentView für Preview
Swift Playground.swiftpm-Paket

Eine Wurzel für alle Werkzeuge

Baum, Tabs, Suche, Git, Terminal und Preview verwenden dasselbe lokale Verzeichnis. Speichern Sie vor Skripten oder Diffs: Terminal und Preview sehen nur gespeicherte Inhalte.

Baum und Suche überspringen node_modules, .git, dist und .DS_Store. Das hält die Navigation übersichtlich, löscht diese Dateien aber nicht.

mkdir -p src/components
touch src/components/Status.tsx
find src -name "*.tsx"

Dateien mit Kontrolle bewegen

Erstellen, umbenennen, verschieben oder löschen Sie schnell im Baum. Für viele Pfade nutzen Sie mkdir, cp, mv und rm in der Shell und prüfen danach den Git-Diff.

rm -rf ist keine sichere Aufräum-Abkürzung. Die Shell blockiert die Projektwurzel, kann aber keine benötigten Framework-, Lockfile- oder veröffentlichten Dateien erkennen.