Sublime Text: View in Browser

Cenário

Gratificação instantânea

Comecei a escrever código em Brackets, o editor de texto livre de código aberto desenvolvido em parceria com a Adobe. Ainda acho que é ótimo, mas, para estar na mesma página com meu coorte no Codefellows , peguei o Sublime Text Editor . Um dos recursos que mais gostei em Brackets foi a visualização ao vivo. Eu poderia apertar um botão e Brackets iniciaria o Chrome, o navegador do Google, e renderizaria meu projeto para um jorro rápido de serotonina enquanto via as belezas que meu código incipiente poderia criar. Isso, ou eu desencadearia uma série de epítetos vis quando vi que minha página renderizada tinha pouco ou nada em comum com o que eu pretendia fazer.

Digite o plugin “View in Browser” para Sublime Text:

Aqui está o plugin para Sublime do Github de Adam Presley


O restante deste post inclui algumas instruções básicas. Se você é um usuário avançado, não leia mais. Para o restante de nós, veja como começar a acelerar:

  1. Se ainda não o fez, instale o Sublime Package Manager. @bwstud / 9b582221959c “rel =” nofollow “> Veja aqui
  2. Abra o Sublime e pressione cmnd (cntrl) + shift + p para abrir o painel de comando e , em seguida, role pela lista ou digite para pesquisar Package Control: Install Package. Selecione-o.
  3. Isso levará um momento e abrirá uma lista de pacotes disponíveis para o Sublime. Basta percorrer ou pesquisar o nome do pacote desejado, neste caso, “Ver no navegador”. Clique e voila!
  4. O comando padrão para visualizar seu documento em um navegador é control + alt + v . Basta digitar esse comando em seu HTML, CSS ou outro documento e você será levado a um navegador para ver como seu trabalho ficaria na web.

PS O padrão deste pacote é renderizar no Firefox. Se você quiser mudar isso, pode fazê-lo nas configurações do usuário.