Videoaula sobre o Live Preview do Brackets

Como usar o Live Preview do Brackets – Videoaula

Por em 01/04/2019

Brackets Ene Tutoriais Videoaulas Brackets

O Adobe Dreamweaver, software de desenvolvimento web, é conhecido por sofrer duras críticas de desenvolvedores devido a ter mais desvantagens do que vantagens. Apesar disso, ele possui uma funcionalidade que poucos de seus concorrentes possuem: a visualização em tempo real. Essa opção extremamente útil acabou sendo adaptada pela Adobe e inserida no Brackets, seu projeto open source. E na videoaula de hoje, eu mostrarei como utilizar o Live Preview do Brackets.

Primeiramente, é preciso explicar melhor o que é essa opção. O Live Preview (visualização ao vivo) permite que o usuário visualize e edite um arquivo HTML/CSS de forma instantânea, sem a necessidade de recarregar a página sempre que o código-fonte for alterado. Enquanto a visualização é feita através do Google Chrome, a edição é feita no próprio Brackets.

Leia também »  Como fazer o efeito de vidro esfumaçado no Gravit Designer

Há também a possibilidade de editar outros tipos de arquivo, como PHP e ASP, por exemplo. Entretanto, algumas configurações extras são necessárias para que possamos fazer isso corretamente. Aqui no site, temos uma videoaula no qual explicamos como abrir arquivos PHP no Live Preview do Brackets.

Vejamos então como usar Live Preview com arquivos HTML/CSS em nossa videoaula abaixo.

Vamos à videoaula!

Assista também nossas videoaulas anteriores sobre o Brackets:

  1. Introdução ao software
  2. Como usar a Edição Rápida

Inscreva-se no canal do Ene Maneiras no YouTube para ficar por dentro das próximas videoaulas sobre o software.

PUBLICIDADE