Ferramenta Browser-sync - Ajuda

15/07/2015

0

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.

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

Karine Sobral

Responder

Posts

15/07/2015

William

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.
Responder

15/07/2015

Karine Sobral

Legal William, o que achou dessa ferramenta? pelo que leu, eu achei bem interessante e fiquei com muita vontade de testar e ficar utilizando.
Responder

15/07/2015

Marcelo Pastore

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

16/07/2015

William

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]
Responder

16/07/2015

Karine Sobral

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.
Responder

16/07/2015

Karine Sobral

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.
Responder

16/07/2015

Fabio Santos

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

16/07/2015

David Sylvestre

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/
Responder

16/07/2015

Karine Sobral

David, você usa a ferramenta?

Obrigada pela dica.
Responder

16/07/2015

David Sylvestre

David, você usa a ferramenta?

Obrigada pela dica.

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

16/07/2015

Karine Sobral

Tem a mesma funcionalidade, se puder nos apresentar!
Responder

16/07/2015

David Sylvestre

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
Responder

24/07/2015

Karine Sobral

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

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar