Live Preview MultiBrowser no Brackets.md

Live Preview MultiBrowser no Brackets

Para configurar e ativar o LivePreview em múltiplos navegores, siga os passos abaixo.

1. Abra o Brackets
2. Na aba Debug clique em Open Preferences File

Abrirá um arquivo chamado brackets.json e nele terá um trecho de código semelhante ao listado abaixo:

{
    "brackets-eslint.gutterMarks": true,
    "brackets-eslint.useLocalESLint": false,
    "fonts.fontSize": "14px",
    "fonts.fontFamily": "'SourceCodePro-Medium', ＭＳ ゴシック, 'MS Gothic', monospace",
    "themes.theme": "dark-theme"
}

Adicione ao inicio do seu arquivo o seguinte trecho de código como no exemplo abaixo:

"livedev.multibrowser": true,

Deve ficar semelhante ao arquivo a seguir:

{
    "livedev.multibrowser": true,
    "brackets-eslint.gutterMarks": true,
    "brackets-eslint.useLocalESLint": false,
    "fonts.fontSize": "14px",
    "fonts.fontFamily": "'SourceCodePro-Medium', ＭＳ ゴシック, 'MS Gothic', monospace",
    "themes.theme": "dark-theme"
}

Depois salve e pode fechar. Ainda assim pode ser que não funcione imediatamente, caso isso ocorra, baixe a extensão LiveReload.

LiveReload - Brackets extension for LiveReload, it can be used with Chrome, Safari, and Firefox LiveReload plugins.

Clique na aba File e depois Extension Manager, ou procure pelo icone do gerenciador de extensões na barra lateral direita do seu Brackets e procure a extensão e baixe, após concluir o download/instalação ela deverá aparecer na barra lateral direita do seu Brackets, clique nela e o seu icone mudará de cor, provavelmente para azul o que indica que ela está ativa.

Após isso, reinicie o Brackets e o navegador que deseja usar. Abra algum projeto no Brackets e teste o LivePreview no navegador, tudo deve estar funcionando corretamente.

Navegadores usados para teste

• Firefox (Útima versão até a data dessa publicação)
• Chromium (Útima versão até a data dessa publicação)

Sistemas operacionais usados para teste

• Ubuntu 16.04 / 18.04
• Linux Mint (Sylvia)
• Debian 8