Documentação

Todos os guiasFluxo de trabalho

Projetos e arquivos

Crie, abra e organize um projeto local sem separar o editor do diretório que ele representa.

6 min de leitura

Três formas de começar

No hub, um projeto pode nascer de um modelo, de uma pasta existente escolhida no app Arquivos ou de um clone. Os modelos atuais são Em branco, Vite + React, Astro, SwiftUI com uma view e Swift Playground.

O modelo Em branco cria index.html, CSS e JavaScript sem build. Vite + React inclui React 19, TypeScript e Vite; Astro cria um site estático; os modelos Swift servem ao Preview nativo e ao pacote .swiftpm para o Swift Playgrounds.

ModeloPonto de partida
Em brancoHTML, CSS e JavaScript
Vite + ReactReact 19, TypeScript e Vite
Astrosite estático
SwiftUIuma ContentView para Preview
Swift Playgroundpacote .swiftpm

Uma raiz, todas as ferramentas

Árvore, abas, busca, Git, terminal e Preview usam o mesmo diretório local. Salve antes de executar um script ou abrir um diff: o terminal e o Preview só enxergam o conteúdo gravado.

A árvore e as buscas descartam ruído de desenvolvimento como node_modules, .git, dist e .DS_Store. Isso preserva a navegação do projeto; não significa que esses arquivos deixem de existir no diretório.

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

Movimentação com revisão

Para operações rápidas, use criar arquivo/pasta, renomear, mover ou excluir pela árvore. Para transformar vários caminhos, use mkdir, cp, mv e rm no shell e abra o diff do Git antes do commit.

Não use rm -rf como atalho de limpeza. O shell bloqueia a raiz do projeto, mas não pode saber se um arquivo secundário ainda é necessário para seu framework, lockfile ou recurso publicado.