Slopographic

Guia do Slop Code

Primeiros passos com o Slop Code

O Slop Code é um editor de código para os arquivos do seu Slop Drive. Ele edita JavaScript, TypeScript, HTML, CSS, JSON, Markdown, Python e texto simples, e roda HTML e JavaScript em uma prévia isolada. Nada é enviado.

Abrir o Slop Code

Crie ou abra um arquivo

O Explorador mostra as pastas e os arquivos do seu Slop Drive. Os botões Arquivo e Pasta criam itens novos na pasta selecionada. Clique com o botão direito em uma linha para Renomear, Mover para…, Copiar caminho e Excluir. Excluir move o item para a Lixeira do Slop Drive.

  1. Clique em Novo arquivo… (ou em Novo, no topo).
  2. Escolha um Tipo, como HTML. Ele define a extensão e o destaque de sintaxe.
  3. Digite um Nome e clique em Criar. O arquivo é criado no Slop Drive e abre em uma aba.
  4. Para editar um arquivo que você já tem, clique em Abrir do Slop Drive…, ou clique nele no Explorador, à esquerda.
A janela Novo arquivo do Slop Code, com o tipo definido como HTML e o nome hello.html

Edite e salve

O editor tem números de linha, dobramento de código, correspondência de parênteses, localizar e substituir, e vários cursores (Ctrl + clique adiciona um). Pressione Ctrl+Espaço para autocompletar e trechos. Enter ou Tab aceitam.

As suas edições ficam guardadas como rascunho neste dispositivo até você salvar. Um ponto marca uma aba com mudanças não salvas.

  1. Pressione Ctrl+S, ou clique em Salvar, para gravar o arquivo de volta no mesmo arquivo do Slop Drive.
  2. Clique em Salvar como para salvar uma cópia em uma pasta que você escolher.

Rode uma página

A prévia não tem acesso à rede. CSS, scripts e imagens que a página liga por um caminho relativo são lidos da mesma pasta do Slop Drive.

  1. Abra um arquivo HTML ou JavaScript.
  2. Clique em Executar, ou pressione Ctrl+Enter.
  3. A Prévia abre à direita. Mensagens do console e erros aparecem abaixo. Clique em Fechar para escondê-la.
O Slop Code com hello.html aberto no editor e a página rodando na Prévia, com Página pronta no console

Extensões e outros arquivos

O painel Extensões tem ajudas integradas que você liga e desliga: Formatador (Formatar documento), o seletor de modo de linguagem e Trechos. Nada é baixado.

Um arquivo Markdown tem um botão Visualizar que o mostra renderizado. Imagens, áudio, vídeo e PDFs abrem em uma aba de visualização, somente leitura.

Dica: Ctrl+B mostra ou oculta a barra lateral. Clique em Comandos para pesquisar todos os comandos.

Atalhos de teclado

TeclasO que faz
Ctrl+OAbrir do Slop Drive
Ctrl+Alt+NNovo arquivo
Ctrl+Alt+Shift+NNova pasta
Ctrl+SSalvar
Ctrl+Shift+SSalvar como
Ctrl+Alt+WFechar aba
Ctrl+F / Ctrl+HLocalizar / substituir
Ctrl+SpaceCompletar
Ctrl+Shift+FFormatar documento
Ctrl+Alt+ZAlternar quebra de linha
Ctrl+BMostrar ou ocultar o Explorador
Ctrl+EnterPrévia de execução