Array
(
)

Ferramenta Browser-sync - Ajuda

Karine Sobral
   - 15 jul 2015

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.

Citaçã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: http://blog.caelum.com.br/browser-sync-indispensavel-para-desenvolver-sites-em-varios-dispositivos/

William (devwilliam)
   - 15 jul 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.

Karine Sobral
   - 15 jul 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.

Marcelo Pastore
   - 15 jul 2015

Que presente hein, curti bastante esse artigo e do video que vem mostrando na prática o funcionamento dele.

William (devwilliam)
   - 16 jul 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.
http://www.browsersync.io/docs/#installation

Karine Sobral
   - 16 jul 2015


Citação:
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.

Karine Sobral
   - 16 jul 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.

Fabio Santos
   - 16 jul 2015

Não conheia essa ferramenta e nenhuma do tipo, alem de ser interessante me parece muito util!

David Sylvestre
   - 16 jul 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/

Karine Sobral
   - 16 jul 2015

David, você usa a ferramenta?

Obrigada pela dica.

David Sylvestre
   - 16 jul 2015


Citação:
David, você usa a ferramenta?

Obrigada pela dica.

Não utilizo a ferramenta, infelizmente, mas utilizo o npm com o yeoman.

Karine Sobral
   - 16 jul 2015

Tem a mesma funcionalidade, se puder nos apresentar!

David Sylvestre
   - 16 jul 2015


Citação:
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

Karine Sobral
   - 24 jul 2015

Olá David, há quanto tempo! De volta e vou conferir seus links tá, obrigada.