Brackets - Editor Open Source no Linux Mint e Ubuntu

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: 131.493 ]

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


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.
Linux: Brackets - Editor Open Source no Linux Mint e Ubuntu
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.
Linux: Brackets - Editor Open Source no Linux Mint e Ubuntu
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.
Linux: Brackets - Editor Open Source no Linux Mint e Ubuntu
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.
Linux: Brackets - Editor Open Source no Linux Mint e Ubuntu
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

Conky no Slackware 13

Easy Peasy 1.5 Linux para Netbooks

Arduino IDE no Linux Mint

Instalando o SNX check point no Linux Mint 18 e Ubuntu 16.04

Servidor LAMP com PHP7 no Linux Mint 18 e no Ubuntu 16.04

Leitura recomendada

Nagios - Um poderoso programa de monitoramento de rede (parte 1)

Copiando programas dos LiveCDs (Kurumin) para seu Debian sem usar a internet

LaTex no Fedora 20 - Instalação via YUM

Servidor Openfire integrado ao Active Directory (Nível de Floresta 2008 R2)

Bottlenecks - Métricas de performance de servidores

  
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 :)

[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

[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!

[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".


[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

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


Infelizmente não funciona no Debian Jessie. Afffff.

[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]

[8] Comentário enviado por clod em 13/01/2020 - 12:16h

Eu prefiro usar codelobster - http://www.codelobster.com


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts