Ferramenta Browser-sync - Ajuda
Boa Noite queridos(s)!
Eu li um artigo sobre uma ferramenta que testa em diversos navegadores, aparelhos os seus projetos, é o Browser-sync, alguem conhece?
Bom, minha duvida é como instala-lo no Windows, no artigo tem apenas a informação.
Não entendi bem! :-)
link do artigo: [url]http://blog.caelum.com.br/browser-sync-indispensavel-para-desenvolver-sites-em-varios-dispositivos/[/url]
Eu li um artigo sobre uma ferramenta que testa em diversos navegadores, aparelhos os seus projetos, é o Browser-sync, alguem conhece?
Bom, minha duvida é como instala-lo no Windows, no artigo tem apenas a informação.
Ele é uma ferramenta em Node.JS. Para instalá-lo, basta um npm install -g browser-sync. Você pode rodá-lo na linha de comando de forma bem simples. Ou, se preferir, há plugins para o Grunt, Gulp e outras ferramentas de build.
Não entendi bem! :-)
link do artigo: [url]http://blog.caelum.com.br/browser-sync-indispensavel-para-desenvolver-sites-em-varios-dispositivos/[/url]
Karine Sobral
Curtidas 0
Respostas
William
15/07/2015
Não conheço essa ferramenta, na empresa utilizamos uma vez https://www.browserstack.com/ você pode usar por um tempo free e não precisa instalar nada e online.
GOSTEI 0
Karine Sobral
15/07/2015
Legal William, o que achou dessa ferramenta? pelo que leu, eu achei bem interessante e fiquei com muita vontade de testar e ficar utilizando.
GOSTEI 0
Marcelo Pastore
15/07/2015
Que presente hein, curti bastante esse artigo e do video que vem mostrando na prática o funcionamento dele.
GOSTEI 0
William
15/07/2015
karine a ferramenta que você demonstrou é interessante sim, li o post e assisti o vídeo, mas é diferente da que usei na empresa.
Na empresa tivemos um problema onde alguns clientes estavam reclamando que estava quebrando a home de um dos portais no chrome, mas não sabíamos em qual versão tinha esse problema, foi ai que surgiu o browserstack, simultaneamente testamos ao todo em 25 versões do chrome, IE e Firefox.
Com ele você não precisa ter instalado todas as versões de browsers, simplesmente passa a url e seleciona quais browsers você quer testar após isso ele passa um screenshot com a visualização dessa url.
No final acabei me esquecendo da sua dúvida, nesse link explica como instalar no windows, aparentemente vai ter que usar terminal com Visual Studio.
[url:descricao=http://www.browsersync.io/docs/#installation]http://www.browsersync.io/docs/#installation[/url]
Na empresa tivemos um problema onde alguns clientes estavam reclamando que estava quebrando a home de um dos portais no chrome, mas não sabíamos em qual versão tinha esse problema, foi ai que surgiu o browserstack, simultaneamente testamos ao todo em 25 versões do chrome, IE e Firefox.
Com ele você não precisa ter instalado todas as versões de browsers, simplesmente passa a url e seleciona quais browsers você quer testar após isso ele passa um screenshot com a visualização dessa url.
No final acabei me esquecendo da sua dúvida, nesse link explica como instalar no windows, aparentemente vai ter que usar terminal com Visual Studio.
[url:descricao=http://www.browsersync.io/docs/#installation]http://www.browsersync.io/docs/#installation[/url]
GOSTEI 0
Karine Sobral
15/07/2015
Que presente hein, curti bastante esse artigo e do video que vem mostrando na prática o funcionamento dele.
Falta só instalar e aprender com a prática.
GOSTEI 0
Karine Sobral
15/07/2015
William, mas essa que utilizou na empresa é pago, confirmando, não é? Pelo que li no artigo dessa ferramenta me parece ser gratuito e pelo que foi demonstrado funciona bem, ainda vou testar, seguir os passos do que link que disponibilizou, obrigada.
GOSTEI 0
Fabio Santos
15/07/2015
Não conheia essa ferramenta e nenhuma do tipo, alem de ser interessante me parece muito util!
GOSTEI 0
David Sylvestre
15/07/2015
Para instalar no windows, é necessário instalar o node[1] antes. Junto com a instalação do Node, será instalado o npm[2] também.
O npm é um gerenciador de pacotes, parecido com o composer.
[1]https://nodejs.org/download/
[2]https://www.npmjs.com/
O npm é um gerenciador de pacotes, parecido com o composer.
[1]https://nodejs.org/download/
[2]https://www.npmjs.com/
GOSTEI 0
Karine Sobral
15/07/2015
David, você usa a ferramenta?
Obrigada pela dica.
Obrigada pela dica.
GOSTEI 0
David Sylvestre
15/07/2015
David, você usa a ferramenta?
Obrigada pela dica.
Obrigada pela dica.
Não utilizo a ferramenta, infelizmente, mas utilizo o npm com o yeoman.
GOSTEI 0
Karine Sobral
15/07/2015
Tem a mesma funcionalidade, se puder nos apresentar!
GOSTEI 0
David Sylvestre
15/07/2015
Tem a mesma funcionalidade, se puder nos apresentar!
Não, ele é um stack que contem esqueletos de projetos.
http://yeoman.io/
http://blog.caelum.com.br/experimente-o-yeoman-em-seu-workflow-de-projetos-front-end/
https://www.youtube.com/watch?v=vlOfaNP6AgM
GOSTEI 0
Karine Sobral
15/07/2015
Olá David, há quanto tempo! De volta e vou conferir seus links tá, obrigada.
GOSTEI 0