Brackets - Editor Open Source no Linux Mint e Ubuntu

Lisandro

O Brackets é um editor voltado para desenvolvimento web, que entende de Web Design. Fiquei positivamente surpreendido com este editor e recomendo a todos que o experimente.

[ Hits: 132.497 ]

Por: Lisandro Guerra em 20/03/2015 | Blog: https://spartanix.com/

84 0

Denuncie Favoritos Indicar Impressora

Primeiros testes

Ainda na página que abre automaticamente no início do Brackets, vamos fazer alguns testes.

Na coluna esquerda, podemos selecionar o arquivo CSS só para dar uma olhada nele. Veja que os títulos h1 até h6 estão configurados para a cor #222.

Vamos voltar a visão do "index.html" selecionando na coluna da esquerda. Se ainda não colocou no "live preview", faça isso agora e deixe o navegador e o Brackets abertos.

Marque qualquer TAG de título, pode ser uma "h1" por exemplo, e pressione Ctrl+e. Você verá abrir no Brackets, dentro do código HTML, uma linha destacada com a parte do arquivo CSS, inclusive com os números das linhas, que controla esta TAG selecionada e no navegador os elementos correspondentes ficam marcados também.

Parando o cursor sobre a propriedade "color", aparece um balão com a amostra da cor. Vamos ver a mágica de alterar o CSS e ver a "live preview" no navegador, tudo isso de dentro do código HTML na linha que abrimos com o Ctrl+e. Para isso, troque o #222 para #003399 e veja o resultado ao vivo.

Legal, não é?

Agora, experimente selecionar dar um Ctrl+e e trocar o "background-color" para #ff8000. Sentiu a praticidade?

Para a extração de arquivo PSD, deixo um vídeo:

É muito prático e acelera muito o desenvolvimento. Imagine pegar o PSD aprovado com tudo nele e extrair os elementos como imagens, fontes e cores, por exemplo.

Espero que apreciem a ferramenta. Eu vou usar muito.

Abraços e até uma próxima oportunidade.

Fontes

Página anterior

Páginas do artigo

   1. O editor
   2. Instalando o Brackets
   3. Primeiros testes

Outros artigos deste autor

Gerenciando o HD com o fdisk

Conky no Slackware 13

Ktechlab - Ambiente de simulação de circuitos

Linux Mint 7 Gloria

GNOME 3 no Slackware 14 com dropline GNOME

Leitura recomendada

Solução de PaaS Brasileiro - Docker, Shell Script e Golang

Instalando o navegador Opera no Arch Linux

Instalando o VMWare Workstation

Baixando arquivos do Megaupload e Rapidshare pelo terminal

VnStat - Monitorando o tráfego de sua rede

Comentários

[1] Comentário enviado por xerxeslins em 20/03/2015 - 13:20h

Gostei. Não uso... mas agora já sei que quando precisa terei essa opção :)

1 0

[2] Comentário enviado por spylinux em 23/03/2015 - 10:20h

Parece bom, visualmente segue o padrão do Sublime e do Atom, mas com uma tendência mais voltada pra design, css, e a pré-visualização com o Extract parece bem interessante pra quem trabalha com frontend.

Comunidade RPM-Linux: www.rpm-linux.com.br

2 0

[3] Comentário enviado por talbas em 23/03/2015 - 16:26h

Galera, já uso e estou gostando bastante do editor Brackets.
Lá, eu tenho até um site de teste: https://github.com/talvanes/website-de-teste/">https://github.com/talvanes/website-de-teste/.

Verifiquem os meus projetos no GitHub. Eu estou lá: https://github.com/talvanes/.
Acessem!

1 0

[4] Comentário enviado por junior em 25/03/2015 - 13:27h

Ele é bem vontado a desenvolvimento de front-end.
Eu sinto falta de um plugin sftp nesses editores.
Já usei Brackets, mas como esporadicamente codifico python/bash/ruby, ele "não serve".

1 0

[5] Comentário enviado por Lisandro em 25/03/2015 - 20:12h

[4] Comentário enviado por juniorocha em 25/03/2015 - 13:27h

Ele é bem vontado a desenvolvimento de front-end.
Eu sinto falta de um plugin sftp nesses editores.
Já usei Brackets, mas como esporadicamente codifico python/bash/ruby, ele "não serve".

E aí Junior. Tudo bem?
Eu uso vários, atualmente estou usando o Brackets e o PHPStorm.
Abraço

1 0

[6] Comentário enviado por pagani em 26/03/2015 - 12:42h

Infelizmente não funciona no Debian Jessie. Afffff.

0 0

[7] Comentário enviado por bleckout em 30/04/2015 - 20:57h

Conheci a ferramenta hoje, estou instalando aqui no Ubuntu. Obrigado por compartilhar.
___________________________________________________________________
[i]"Vivemos todos sob o mesmo céu, mas nem todos temos o mesmo horizonte." - Konrad Adenauer
Ubuntu 14.04 LTS amd64 - Core i7 3770K, 8GB RAM - NVIDIA GTX 760 Windforce[/i]

1 0