Editor de código gratuito Adobe – Brackets

Posted on junho 6, 2012

Mais um lançamento Adobe: Brackets.

É um editor de código free, escrito totalmente em HTML/CSS/JS. Isso quer dizer que ele não é um aplicativo propriamente dito, pois você pode acessá-lo e modificá-lo… O foco é oferecer a edição de códigos para desenvolvimento web, simples assim!

Uma das principais características é que o Brackets está ligado diretamente ao seu navegador.

Para usuários leigos, o mais fácil é simplesmente baixar os códigos daqui _ https://github.com/adobe/brackets/downloads _ e executar através de uma das pastar bin/win ou bin/mac, conforme seu sistema.

Quanto o Brackets abre, ele exibe sua própria pasta com seus arquivos. Para começar um novo projeto, clique em File > Open folder e localize a pasta que contém (ou irá conter) os códigos do seu projeto.

Minha nossa… mais simples que isso, só Bloco de Notas!

Alguns truques bacanas que o Brackets faz…

  • Ctrl + E
    atalho para abrir/fechar uma pequena janela de edição de CSS. Selecione o seletor (elemento, class ou ID) e abra a janela
  • Botão Live File Preview (ou apenas esteja com seu Chrome aberto com o arquivo que está sendo editado…)
    toda edição é feita na hora, e consequentemente, a visualização é instantânea

Agora é com vocês!

Os códigos estão aqui: https://github.com/adobe/brackets

E aqui o guia da interface de usuário: https://github.com/adobe/brackets/wiki/Extension-UI-Guidelines

Mais informações:

>> outros links para aprender mais:

>> quem quiser colaborar espalhando a notícia, estamos usando as hashtags: #codefree e #brackets

divirtam-se!

bjs

:)

ps – ferramenta experimental… ainda há muitas questões, mas outras tantas já estão resolvidas… se for usar, participe enviando suas sugestões/problemas – https://github.com/adobe/brackets/issues.

Categories: Adobe