javascript
javascript copied to clipboard
gustavoguanabara
Aula 09 - Instalação Watch in chrome
Olá, Gustavo. Boa tarde. Estou fazendo o curso de Javascript na aula 9, e o você fala para abaixar o "Watch in chrome"só que o meu visual studio code não acha essa extensão e, consequentemente, não acha na web store. Vocês poderiam me ajudar? Sem isso, creio que não poderei terminar o curso. Obrigada, desde já.
O Watch in chrome foi descontinuado pelo desenvolvedor. Uma opção seria o Live Server.
Boa sorte!
Se quiser pode usar o Browser Preview em conjunto com o Live Server, ele vai abrir um navegador ao lado do código
https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview
https://nstecnologia.com.br/blog/5-extensoes-vs-code-para-desenvolvimento-web/
Essa é muito útil se você possui apenas um monitor e não quer ficar alternando entre o browser e o VS Code toda vez que quiser ver o resultado das alterações. O Browser Preview integra um navegador simplificado dentro do seu VS Code. Assim, você pode editar o código e ao mesmo tempo, sem sair do editor, visualizar as alterações em tempo real. Além disso, ele permite que você simule diferentes tamanhos de tela, permitindo que você teste a responsividade do seu aplicativo.
O detalhe é que você precisa ter um servidor de desenvolvimento rodando para que possa acessá-lo através do navegador embutido. E aí vem a dica: você pode usar o Browser Preview em conjunto com o Liver Server! Basta você iniciar o Live Server e então acessar o localhost:5500 (ou a porta que você tiver definido para o Live Server) no browser embutido no VS Code pelo Browser Preview. Veja o exemplo abaixo:
Obrigada, amanhã verificarei se consigo realizar estas alterações! Abs, Ana Beatriz.
On Tue, May 18, 2021 at 2:24 PM Edivaldo Junior @.***> wrote:
Se quiser pode usar o Browser Preview em conjunto com o Live Server, ele vai abrir um navegador ao lado do código
https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview
https://nstecnologia.com.br/blog/5-extensoes-vs-code-para-desenvolvimento-web/
Essa é muito útil se você possui apenas um monitor e não quer ficar alternando entre o browser e o VS Code toda vez que quiser ver o resultado das alterações. O Browser Preview integra um navegador simplificado dentro do seu VS Code. Assim, você pode editar o código e ao mesmo tempo, sem sair do editor, visualizar as alterações em tempo real. Além disso, ele permite que você simule diferentes tamanhos de tela, permitindo que você teste a responsividade do seu aplicativo.
O detalhe é que você precisa ter um servidor de desenvolvimento rodando para que possa acessá-lo através do navegador embutido. E aí vem a dica: você pode usar o Browser Preview em conjunto com o Liver Server! Basta você iniciar o Live Server e então acessar o localhost:5500 (ou a porta que você tiver definido para o Live Server) no browser embutido no VS Code pelo Browser Preview. Veja o exemplo abaixo:
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/gustavoguanabara/javascript/issues/27#issuecomment-843379031, or unsubscribe https://github.com/notifications/unsubscribe-auth/AUDQ4TRP5UM6MZ4D3IAYDHLTOKPDXANCNFSM45BN3EAA .
