Debug de aplicações Node.js com VSCode | Code/Drops #11

  Рет қаралды 133,116

Rocketseat

Rocketseat

Күн бұрын

Пікірлер: 208
3 жыл бұрын
Uma outra ferramenta que passei a usar bastante recentemente, principalmente para debugar códigos de teste unitários, é o terminal de debug do javascript: JavaScript Debug Terminal. Assim posso rodar um único arquivo de teste, por exemplo usando o Jest: 'jest exemplo-teste-unitario.spec'. (excelente vídeo)
@rocketseat
@rocketseat 3 жыл бұрын
Faaaala, Sérgio! Valeeeu! 💜 Poxa, que bacana! Valeu demais pela dica! 😉 Parace ser massa e super prático! 👀
@kaua_sa_nzx
@kaua_sa_nzx 2 жыл бұрын
9:37 "O VSCode tem uma ferramenta muito legal que é essa barata" kkkkk valeu Diego e equipe da rocketseat aprendi muito com o canal de vocês e ate hoje aprendo
@eduwric
@eduwric 4 жыл бұрын
Então é pra isso que serve a baratinha do VS Code... haha... eu sabia que era uma ferramenta de Debug, mas não sabia como configurar. Já configurei em uma aplicação que estou desenvolvendo e já testando. Muito Obrigado.
@rafaelcascalho4180
@rafaelcascalho4180 5 жыл бұрын
Mais uma vida salva...nem todo herói usa capa. kkkk Valeu Diego
@marcusandre8897
@marcusandre8897 Жыл бұрын
rapaziada, não se iludam com a velocidade que ele escreve o código, provavelmente ele já escreveu esse mesmo código milhões de vezes ! Programar é muito mais ficar horas olhando pra tela do que digitando. resumindo: não se sinta 'menos' por não programar tão rápido, isso é normal !!! e por ultimo, parabéns pro autor do vídeo, ficou excelente!!!
@paulohigortavaresfreire310
@paulohigortavaresfreire310 2 жыл бұрын
Mano que video maravilhoso, eu tava apanhando pra debugar o AWS SAM e não achava nada especifico mas esse video me salvou
@guilhermecardosodealmeida9498
@guilhermecardosodealmeida9498 5 жыл бұрын
Adorei o vídeo, mas eu queria mesmo, era ver como configurar o Debug do VS para o react e react-native... Abraço !!!
@relfarias
@relfarias 5 жыл бұрын
guilherme cardoso de almeida eles ja fizeram algo so n lembro se esta no youtube ou no skylab
@guilhermecardosodealmeida9498
@guilhermecardosodealmeida9498 5 жыл бұрын
@@relfarias puxa muito obrigado ! se vc puder me mandar o link Agradeço muiiiito, eu vou tentar procurar aqui no canal
@albuquerquedev5200
@albuquerquedev5200 3 жыл бұрын
@@guilhermecardosodealmeida9498 e o cara não mandou...
@carlosjunior5371
@carlosjunior5371 5 жыл бұрын
Muito bacana essa possibilidade usando node. Recurso bem corriqueiro para nós, desenvolvedores em back com Java(Eclipse) e .NET.(VS Full). Parabéns
@andrepsjp
@andrepsjp 2 жыл бұрын
Além de manjar sabe ensinar. Parabéns.
@sama_gotec
@sama_gotec 4 жыл бұрын
Mudou minha vida... Eu que usava o visual studio com C# debugava muito, e sentia falta disso no VS Code.... Muitoooooooooooooooooooooo Obrigado
@studiocampelo
@studiocampelo 3 жыл бұрын
show de bola. console.log é valido sempre, mas com certeza o debug desta forma da muito mais opções e controle do que esta acontecendo no código.
@rocketseat
@rocketseat 3 жыл бұрын
Realmente, né!? Muitooo mais completo dessa forma! 😉 💜
@CharlesMendes1985
@CharlesMendes1985 4 жыл бұрын
console.info("Obrigado, excelente dica, cheguei aqui ! ");
@alyssondaniel
@alyssondaniel 5 жыл бұрын
Tô ligado aqui, rumbora!!!
@danielcruz9583
@danielcruz9583 4 жыл бұрын
Vídeo sensacional como sempre. Bom saber que é de boa trabalhar com Debug no Node, tava tão acostumado com o console.log que nunca nem tinha ido atrás
@wiltonvieira8201
@wiltonvieira8201 5 жыл бұрын
Excelente!!! Fica uma sugestão para o próximo vídeo: PWA, como fazer a implementação com React Web... VALEU!!
@Alexedtion
@Alexedtion 5 жыл бұрын
Maravilha. Principalmente service workers.
@REDBLACK007
@REDBLACK007 5 жыл бұрын
Como fui achar um canal dahora desse final de ano, eu precisava ter conhecimento comesso de 2019
@ThiagoDevBR
@ThiagoDevBR 5 жыл бұрын
Ótimo vídeo, Parabéns!!!! Fiquei também na vontade para também ver como funcionaria o Debug utilizando o React Native e React!!!!
@relfarias
@relfarias 5 жыл бұрын
Yayyy Thank u!!! Como sempre otimos conteudos Preciso aprender debug d node p serveless usando servless offline Isso vai me ajudar tanto espero
@gabrielblpapera
@gabrielblpapera 5 жыл бұрын
Ótimo vídeo Diego :) Uma sugestão de podcast seria o tema Desing Pattern, quais vocês (da Rocketseat) acham bacana, quais funcionam no mercado, pontos positivos e negativos, etc
@agusmao
@agusmao 5 жыл бұрын
Muito bom. Pra aplicações React seria ótimo pois é minha principal ferramenta.
@rafaelvieira8957
@rafaelvieira8957 3 жыл бұрын
mais um incrivel conteúdo da Rocketseat, salvou o meu dia com esse video kkk
@MarcusPaulo
@MarcusPaulo 5 жыл бұрын
Parabéns pelo excelente vídeo, seria muito interessante mostrar o Debug no ReactJS e no React-Native.
@rudarabellodasilva6149
@rudarabellodasilva6149 2 жыл бұрын
Gostaria de ver esse conteúdo no ReactJS
@annielmenezescruz9042
@annielmenezescruz9042 3 жыл бұрын
Revendo o vídeo descobri uma funcionalidade legal do VS Code que é o auto attach. Ctrl (command no macos)+Shift+P > Debug: Toggle Auto Attach e eu sempre seleciono with flag, isso faz o debug já dar o attach sem precisar do play da aba de debug
@AdsonCicilioti
@AdsonCicilioti 5 жыл бұрын
Top Diego!! Traz mais Crodrops de Debuggers inclusive usando o Chrome. Show mano.. Massa demais!
@kesleydaviddev5569
@kesleydaviddev5569 5 жыл бұрын
Muito massa, e seria perfeito o video de debug para front react
@hidemitsugoncalveshashimot6177
@hidemitsugoncalveshashimot6177 5 жыл бұрын
Otimo video. Quero muito um video de debug para React e React Native. Hoje eu uso console.log em tudo hahaha, ficam 30 linhas de console haha.
@joaoleno7700
@joaoleno7700 3 жыл бұрын
Kkkkk que aula maneira, minhas análises com console.log são exatamente assim
@fernandocamilopro
@fernandocamilopro 4 жыл бұрын
Vamos tirar os insetos do code obrigado diego... Rocketseat é top demais...
@rocketseat
@rocketseat 4 жыл бұрын
Xô, barata! 🚫🚫 😂😂😂 Valeu pelo feedback, Fernando! 💜
@leandrom.dasilva6858
@leandrom.dasilva6858 4 жыл бұрын
A explicação que eu precisava. Excelente!
@mattfelix4990
@mattfelix4990 5 жыл бұрын
Diego, mostre alguma coisa do Figma, muito show essa ferramenta, eu estava procurando algumas coisas e me deparei com o Aplicativo Figma Mirror que espelha a sua tela de prototipação no seu celular, muito foda mesmo!
@dcabib
@dcabib 5 жыл бұрын
Muito legal... parabéns pelo Code/Drops...
@spwwmtb
@spwwmtb 2 жыл бұрын
como sempre TOP né diegão!
@kamikaisan
@kamikaisan 5 жыл бұрын
Como sempre ótimo video, Diego! Acho q não vou conseguir evitar de usar os console logs, mas com certeza agora vou reduzir bastante!! Sempre quis saber como configurar o debug do vs code usando nodemon, mas nunca encontrava nada muito explicativo. Graças ao seu video finalmente vou conseguir debugar de forma mais direta e menos verbosa!! XD Mais uma vez obrigado pelo conteúdo!! E feliz ano novo!! XD
@edivaldo.silva43
@edivaldo.silva43 5 жыл бұрын
Muito show! Para se livrar de vez do console.log faz com REACT e REACTNATIVE.
@lucianodouglasmachadochaga9999
@lucianodouglasmachadochaga9999 4 жыл бұрын
Achei a idéia bastante legal! Mostra também as técnicas de geração de liga com o winston js ou pino js
@felipecss3295
@felipecss3295 5 жыл бұрын
Mesmo assim amo usar meu *console.log* hehe...belo vídeo
@3dsonluiz
@3dsonluiz 5 жыл бұрын
Isso aí Diego, nada de ferramenta de debug, é ferramenta da barata (baratinha para os íntimos).
@brunomello7499
@brunomello7499 5 жыл бұрын
Fiz meu trabalho de estrutura de dados em 2018.2 debuggando puramente pelo printf no terminal. Lembro que na parte final do trabalho eu fiquei mais de um dia debuggando. Algumas semanas depois aprendi a debuggar um programa em C no vscode e resolvi bugs mais complexos em alguns minutos. Rimos muito, meu computador levou dois tiros.
@ryannnkl
@ryannnkl 5 жыл бұрын
SEMANA OMNISTAAAAAAACK!!!!!!
@brunokiafuka
@brunokiafuka 5 жыл бұрын
Muito massa Diego 🚀
@wayderloyola1373
@wayderloyola1373 2 жыл бұрын
Muito bom o vídeo, gostaria de ver como configurar o Debug do VS para o react e react-native... Abraço !!!
@GabrielRodrigues-rh1eg
@GabrielRodrigues-rh1eg 3 жыл бұрын
Simplesmente sensacional!!!!!!!!! Obrigado
@rocketseat
@rocketseat 3 жыл бұрын
Faaaala, Gabriel! AAAAAAAA! Valeu demais! 💜 😍
@LewisSenpai
@LewisSenpai Жыл бұрын
Valeu, Diego. Sensacional Da para fazer um mostrando como debugar no React?
@thiagotibau1512
@thiagotibau1512 5 жыл бұрын
Tras pra gente um vídeo falando de debug em front! Forte abraço!
@lucasmaciel8605
@lucasmaciel8605 4 жыл бұрын
Antigamente eu tinha medo de utilizar debug, pois tinha uma dificuldade de entender as funcionalidades e achava mais pratico utilizar o console.log do Js ou print em Python. Mas depois que comecei a estagiar, utilizando Java no backend em aplicações reais, percebi que utilizar debug é algo obrigatório, até porque não da para ficar escrevendo System.out.println() toda hora sendo que o console já fica co bastante informação relacionada ao proprio servidor da aplicação.
@pallomagualter1218
@pallomagualter1218 4 жыл бұрын
Adorei o vídeo e console.log é vida..kkkkkkk BRINKS, mas ainda uso.
@douglasoliveira8789
@douglasoliveira8789 3 жыл бұрын
Muito bom o vídeo, parabéns Rocket!
@thassinhu
@thassinhu 2 жыл бұрын
Diego, quais as extensions que vc usa no VSCode pra trabalhar em node js?
@arturcadorin95
@arturcadorin95 2 жыл бұрын
Loool. I legit spend 6 years using gms before finally getting serum. I was making blown out saw softs and exporting them to Edison
@FelipeEBatista
@FelipeEBatista 5 жыл бұрын
Kkkk Eu faço exatamente isso coloco vários console.log("chegou aqui") Kkkkkk
@gabrielalvescunha9405
@gabrielalvescunha9405 5 жыл бұрын
Caramba!! Bota isso no próximo omnistack!!
@RafaelFernandes-ut2dg
@RafaelFernandes-ut2dg Жыл бұрын
cara me ajudou muito!!! Rocket é rocket
@rafaelalbano8561
@rafaelalbano8561 3 жыл бұрын
Como usar essa ferramenta de debugger juntamente com o docker, como ficaria para inspecionar o container criado ?
@tentandosertrader4166
@tentandosertrader4166 4 жыл бұрын
Sou desenvolvedor de aplicações desktop em C#, Delphi, C, C++ e em linguagens Web programo PHP e estou estudando React Native. Mas inventam uma tecnologia pra agilizar a escrita do código, mas praticamente temos que desenvolver outra aplicação de tanta configuração só pra fazer um simples debug do código e ainda assim não consegui fazer funcionar aqui, vou ficar com o bom e velho console.log. Essa é a vantagem em desenvolver aplicações desktop, com apenas um click iniciamos a depuração do código.
@rick7242
@rick7242 5 жыл бұрын
Dica muita fera, thanks.
@LucianaKeiko
@LucianaKeiko 4 жыл бұрын
Obrigada Diego! Seus vídeos são sempre muito bons!
@rocketseat
@rocketseat 4 жыл бұрын
Vaaaleu pelo feedback, Luciana! 💜 Diego é top né? 💜
@aleodoni
@aleodoni 4 жыл бұрын
Agora falta o vídeo de debug do ReactJS. Abraço !!!
@rocketseat
@rocketseat 4 жыл бұрын
Valeeeu pela sugestão, Alexandre! 💜
@nathanbarsoti4977
@nathanbarsoti4977 4 жыл бұрын
Fala Diego, muito massa o vídeo, ajuda dms! Seria legal um Code/Drops sobre swagger no node [ ]s
@andersonsantanna6401
@andersonsantanna6401 5 жыл бұрын
Mostra fazendo no react e react native, obrigado pelo conteúdo!!
@gersonrevoredo5313
@gersonrevoredo5313 2 жыл бұрын
opa, só pra saber, saiu algum vídeo sobre debug de aplicações web utilizando React ? valeeeu
@victormacgrath
@victormacgrath 5 жыл бұрын
Curti muito, ja estava ha tempos querendo saber sobre o debug no vscode. O que você está usando no terminal para ter o auto complete?
@adrianbgois
@adrianbgois 4 жыл бұрын
tambem quero saber
@walkdead94
@walkdead94 7 ай бұрын
Muito obrigado! Me salvou! :DDD
@williamdantas-dev
@williamdantas-dev 5 жыл бұрын
A intro sempre me lembra o programa de "fale com o fábio" do canal The Hardware Show
@viniciossilva5414
@viniciossilva5414 5 жыл бұрын
Exatamente @Larissa Dantas
@paivamarcelo
@paivamarcelo 3 жыл бұрын
Porque não utilizar o require mesmo, ao invés de acrescentar mais código e dependências para utilizar o import ??
@andrefelipe7530
@andrefelipe7530 4 жыл бұрын
Teria como fazer um vídeo de debug usando o TS?
@gustavopoa
@gustavopoa 5 жыл бұрын
Muito bom video, seria legal mostrar debug no React e debug dentro de um contêiner Docker, vlw
@projetoslinux
@projetoslinux 5 жыл бұрын
Muito legal...já usava...mas descobri novas funções...queria tb ver xdebug do react e react-native
@wagutoxD
@wagutoxD 2 жыл бұрын
Eu não entendi nada... e achei legal mesmo assim! Sou muito novato. Ver tudo isso é maneiro, mas bate aquela insegurança, pois parece impossível lidar com tanta coisa... Mas ainda vou ser um programador minimamente respeitável!
@PauloDaniel-di6vj
@PauloDaniel-di6vj Жыл бұрын
Adorei o video, sensacional. Gostaria de saber como debugar no reactJS e react native
@MarceloPereiraSongs
@MarceloPereiraSongs 5 жыл бұрын
Muito bom Diego.Ótima ferramenta! Valeu!!!
@sergio453
@sergio453 Жыл бұрын
Muito bom camarada!!!
@obiwankenobi7125
@obiwankenobi7125 5 жыл бұрын
Muito bom! Volta com os vídeos de TypeScript!
@paulojosedesouzamello9891
@paulojosedesouzamello9891 4 жыл бұрын
Diego, Me tira uma duvida, queria fazer um middware de erro para pegar erros de execução, rotas e gravar isso em um.log teria um video explicativo para isso?
@nikannakin
@nikannakin 5 жыл бұрын
Vídeo muito daora, quais suas configurações no terminal?
@fernandocoelho1334
@fernandocoelho1334 5 жыл бұрын
Like. Bem prático. Se puder usar com o Angular, vou gostar mais ainda.
@marivaldomario3895
@marivaldomario3895 5 жыл бұрын
Ótimo vídeo! Agora se for utilizar o expo, como se faz?
@arthurgrigoletto
@arthurgrigoletto 5 жыл бұрын
Diego e comunidade, é possível usar essa estratégia para debugar uma aplicação rodando dentro do docker?
@neilordev
@neilordev 5 жыл бұрын
Top Cara, parabéns pelo ótimo trabalho! Traz pra nós aí a stack de debug no front end! React e RN
@sandroverissimo6713
@sandroverissimo6713 3 жыл бұрын
O "skipFiles" não está funcionando no request "attach", fica exibindo os processos internos do express. Alguma dica?
@aprendaprogramacaogratis
@aprendaprogramacaogratis 5 жыл бұрын
No C# usando visual studio, nos conseguimos usar o debugger e ir passando linha a linha, mas conseguimos voltar em linhas que já passamos também
@GustavoGAvila
@GustavoGAvila 5 жыл бұрын
Excelente dica! Obrigado! Consegui configurar para o ReactJS, mas apenas no modo launcher. No modo attach, que é bem melhor, não consegui ainda :( De acordo com a documentação do Chrome Debugger, é necessário iniciar uma instância do Chrome no modo de debug. Alguém sabe como configurar para o React já abrir o Chrome com essa flag de debug? Valeu!
@thomasjardanedeoliveirabou9993
@thomasjardanedeoliveirabou9993 3 жыл бұрын
Eu sempre acho estranho ver essas funcionalidades que eu nunca ouvi falar, por exemplo, entendo que call stack é um conceito fundamental do node, mas onde que eu posso encontrar essas informações? ou Heap, ou o -inspect, a documentação do node parece ser muito extensa de informações especificas de mais e não parece ser uma boa fonte. As vezes parece que existe algum local cheio dessas informações que todo mundo sabe menos eu, é muito estranho.
@thsurf
@thsurf 5 жыл бұрын
Da próxima poderia usar o debug com react.
@msrcio
@msrcio 3 жыл бұрын
Alguém pode me ajudar com uma dúvida , quando rodo um código a minha sentença não aparece . Uso o vscode
@FelipeSilva-ix9to
@FelipeSilva-ix9to 5 жыл бұрын
Fala Diego, qual é esse Shell que você usa?
@eduardoleaoleao8860
@eduardoleaoleao8860 2 жыл бұрын
abri a configuraçao do debug "protocol": "inspector" apareceu a mensagem de error Property protocol is not allowed. alguem mim ajudar como resolvo
@AionAngell
@AionAngell 5 жыл бұрын
Muito bom o video ! Parabens! Tabem gostaria de saber como voce faz para debugar no react e react native, seria massa!
@geovaniperez9777
@geovaniperez9777 5 жыл бұрын
Se eu estiver rodando a aplicação dockerizada, como eu faço o inspect dentro de um docker por exemplo: funciona na minha máquina só que no cloud não funciona kkkk
@guuhzo
@guuhzo 4 жыл бұрын
Está em algum repositório git? Se sim, tenta usar o gitpod, já ouviu falar ? Um vscode em cloud, você consegue ate subir a aplicação nele
@ENYO200915
@ENYO200915 5 жыл бұрын
tem como aplicar isso no angular tbm?
@felins013
@felins013 5 жыл бұрын
Muito top, material de extrema qualidade. E pro react fazemos como?
5 жыл бұрын
e o Cypress? vc utiliza?
@emersonjr.2219
@emersonjr.2219 2 жыл бұрын
Consigo usar esse servidor para testar um site com html, css e js?
@felipeleite11
@felipeleite11 5 жыл бұрын
Debug no React seria excelente!
@pedrolira3524
@pedrolira3524 3 жыл бұрын
quando eu click no play para debugar da errado(olha o que acontece) abre uma pagina nova do visual code vazia e o point red muda p/ a cor cinza, quem poder me ajudar?
@brunokotesky5965
@brunokotesky5965 5 жыл бұрын
E usando babel ou tsc?
@romaosanches
@romaosanches 5 жыл бұрын
Show de bola, mas seria muito interessante como funciona o debug no react e react-native.
@wallaceviterbino992
@wallaceviterbino992 5 жыл бұрын
Ótimo video Diego, como sempre conteúdo de qualidade! Gostaria de saber qual é o modelo desse monitor q vc usa?? Vlw
@tokomilano
@tokomilano 5 жыл бұрын
Eae mano, tudo bem? Você poderia fazer um vídeo que mostrasse todos os app que um programador deve usar??? Se baseando nos softwares que você usa??
@gubmt
@gubmt 5 жыл бұрын
Essa ferramenta funciona para o frontend também?
@felipeluckemeyer5295
@felipeluckemeyer5295 5 жыл бұрын
Pelo que entendi, é possível se fazer em aplicações que utilizam o ReactJS e React Native, ou seja, frontend também!^^
@Anderson-Rocha
@Anderson-Rocha 5 жыл бұрын
Quero um curso com vc, vc ensina também pra quem queira iniciar com JavaScript ?
Why using useCallback makes so much sense? | Code/Drops #13
16:44
3 maneiras de executar e debugar TypeScript com o VS Code
23:21
Otávio Miranda
Рет қаралды 11 М.
Cat mode and a glass of water #family #humor #fun
00:22
Kotiki_Z
Рет қаралды 37 МЛН
Мясо вегана? 🧐 @Whatthefshow
01:01
История одного вокалиста
Рет қаралды 7 МЛН
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 1,6 МЛН
Padronizando mensagens de commit do Git | Code/Drops #12
20:47
Rocketseat
Рет қаралды 81 М.
Meu VSCode minimalista (extensões, temas e config)
19:33
Rocketseat
Рет қаралды 330 М.
How to use the Debugger in VSCode to debug Node.js Applications
11:41
How to use Multithreading with "worker threads" in Node.js?
19:34
Software Developer Diaries
Рет қаралды 75 М.
Programar Mais Rápido e Ser Mais Produtivo no Visual Studio Code (VSCode)
15:50
Are you debugging JavaScript in VSCode? | YOU SHOULD!
7:06
Alex Ziskind
Рет қаралды 169 М.
O jeito errado de programar com o ChatGPT
16:29
Augusto Galego
Рет қаралды 60 М.
Cat mode and a glass of water #family #humor #fun
00:22
Kotiki_Z
Рет қаралды 37 МЛН