Programar Mais Rápido e Ser Mais Produtivo no Visual Studio Code (VSCode)

[@FilipeDeschamps]

*PERA!!!!!* - Antes de ler os comentários, olha que *massinha* que ficou meu *Curso de Programação* curso.dev To muito orgulhoso, sério 🎉 🎉 🎉

[@frrabelo]

Lista das extensões: 1:40 Dracula 2:38 One Dark Pro (alternativa) 3:03 TabNine 3:14 Visual Studio IntelliCode (alternativa) 5:16 Bracket Pair Colorizer 2 6:28 Code Spell Checker 7:55 Auto Rename Tag 8:16 Bookmarks 9:26 Gitlens 10:56 Rest Client 12:28 Settings Sync 14:17 Extensões Bonus Uma pequena colaboração.

[@luizinhoom]

Boa mano. Eu ia fazer isso agora mas fui ver se alguem já não tinha feito.

[@GuilhermeBorgesCunha]

Nem todo herói usa capa

[@RodrigoTeixeiraAndriotti]

Traga um premio para esse cara... kkk

[@RodrigoCastroAngelo]

parece que o youtube faz umas separações na linha do tempo do vídeo no próprio player se tiver marcações assim na descrição do vídeo, já viram isso?

[@filipevieira8159]

Mais alguem bateu uma print dessa extenções?

[@luishrodg]

Começo o vídeo: "Não acho que extensões podem mudar muita coisa" Termino o vídeo: "7376368 extensões instaladas"

[@FilipeDeschamps]

AHHAHAHAHHAHAH 😂

[@RafaelTrindade_rafa]

😂😂😂

[@caiomurilopawilak6217]

HAHAHAHA Boaaa

[@GlauciaLemos]

só cuidado em instalar extensões que não são tão necessárias no seu Vs Code, senão elas podem começar a consumir muita memória do seu computador. Muita gente já veio reclamar comigo sobre isso (porque trabalho em conjunto com o time do Vs Code aqui na Microsoft) e sempre pergunto a quantidade de extensões baixadas no Code e que pode deixar a sua máquina lenta. Falarei um pouco mais sobre isso numa série de vídeos q farei sobre o Vs Code no meu canal do KZbin. Forte Abraço!

[@carlosricardoziegler2650]

Vi uma extensao que voce deixa seu Vscode como o Vim, me falaram que psicopatas fazem isso .... hahaha Brinks

[@luizwillner6249]

6:17 “eu sei que vc começa a adicionar e deletar no chute só pro código voltar a rodar” KKKK, quando bate o desespero até a dança da chuva eu faço

[@FilipeDeschamps]

hahahahahahahah 😂

[@jhonathancandeu95]

KKKKKKKKKKKKKKKKKKKKKKKKK

[@douglas_lessa]

Eu saio comentando até funcionar kkkk

[@aydentfox]

@@douglas_lessa Eu vou deletando tudo que vejo pela frente 😂

[@ramisterdevorador5844]

quem nunca

[@vitorgiovane866]

- Todo Tree: para organização de comentários TODO, FIXME, etc. - Local history: para manter um histórico de alteração de arquivos. - Indent-Rainbow: para deixar ainda mais fácil a leitura de blocos indentados.

[@welisonsilva1]

Todo Tree e Local history, ajudam e muito!

[@jkfher]

Muito boas as dicas Filipe! Aqui tem algumas extensões que uso para facilitar o meu dia-a-dia de trabalho: - Path Autocomplete: Ajuda a completar os locais dos arquivos. (Uso muito por conta dos componentes do React) - Material Icon Theme: Tema de ícones para o VSCode que dá uma cara mais bonitinha e facilita bastante diferencias tipos de arquivos pelo ícone ao invés de só pela extensão. - HTMLHint: Ajuda a lembrar de boas praticas de HTML. - Auto Close Tag: Ajuda a fechar automaticamente as Tags HTML e JSX abertas. Eu utilizei o Dracula por muito tempo, agora estou testando o Omni Theme (é do pessoal da Rocketseat), ele é baseado no Dracula e tem características bem parecidas, acho uma boa alternativa.

[@FilipeDeschamps]

Showwww José!!! Matou a pau!!! 😍

[@z11junior11]

Show!! Valeu pelas dicas.

[@Fernando-du5uj]

Show! Obrigado pelas dicas, José.

[@dobrybyeutra]

muito bom

[@humbertoromanojr]

valeu Jose, era o que estava procurando, mostrar o nome do aquivo que geralmente é uma imagem, para add o nome => Path Autocomplete:

[@novators]

Estou aprendendo a programar e o Filipe realmente me motiva a nunca desistir. Obrigado por todo apoio dado para a comunidade, principalmente para os iniciantes.

[@FilipeDeschamps]

Showwwww Rodrigo 😍 vamo pra cimaaaa!!!

[@gustavohoreste]

E aí cara, ja aprendeu aprendeu a programar?

[@novators]

@@gustavohoreste Tamo aí na jornada.

[@gustavohoreste]

@@novators to começando agora

[@gustavohoreste]

Foco e trabalhar para fota

[@murilocavalcantedossantos4511]

Galera, para quem está tendo dificuldade de adicionar marcador no código, agora o comando é CTRL + ALT + K, e pra alternar é CTRL + ALT + J ou L

[@davidalkmim]

Show. O que acha de fazer uma "extensão" desse vídeo comentando alguns dos atalhos mais utilizados no VS Code? Muitos deles ajudam, e muito, na agilidade da programação. Muita gente, mesmo utilizando essa ferramente bacana ainda desconhece muiiittooss comandos/atalhos fenomenais... Abraço.

[@FilipeDeschamps]

Excelente sugestão David, se eu me adaptar 100% ao editor, faço um vídeo sobre isso, com certeza!!

[@allantmartins]

Eu uso os atalhos do Netbeans no VSCode Kkkkk....

[@lucasandreotti7391]

Boa

[@mateuscosta5359]

Voltei aqui só pra agradecer, já usava a maioria, mas esse TabNine é simplesmente sensacional, ajuda muito, é um autocomplete de outro mundo, mas pra quem está começando a programar eu não recomendo nenhuma ferramenta de autocomplete, eu sei que no fim das contas todo mundo usa, mas é bom ter um pouco de noção do que estamos escrevendo, e ser capaz de fazer sem, pra que no fim, possa utilizar realmente como ajuda na produtividade. Como sempre, conteúdo delicinha!!

[@Nerdzin93]

Sempre um conteúdo de altíssima qualidade!! Minha contribuição aqui é a HTML Snippets. Você digita uma letra, aí aparece a opção de autocompletar, já com a abertura e o fechamento da tag. Essa extensão em conjunto com o IntelliCode são uma combinação perfeita para acelerar o desenvolvimento.

[@ricardopereiradeandrade4372]

Extensão: Kite Ele é uma auto completer de códigos que consegue ate gerar até propriedades importantes junto com o código. Utiliza Inteligência Artificial e também funciona em quase todas as linguagens de programação/marcação. Uso muito e ajuda muito, uma das melhores que já vi

[@leonardomauro7894]

Trabalho com Análise de Dados e Data Science. Extension: Python, consegue rodar códigos em Python e jupyternotebook direto no VSCode.

[@JetmaX-yq7wf]

Eu te admiro muito Filipe. Sempre consegue trazer ferramentas pra facilitar nossa vida como programador, com uma confiança sem igual. E ainda tem uma interação muito grande com a turma, não é atoa que é a melhor comunidade do KZbin. kkkk

[@IlustraDev]

Showww. Partiu instalar extensões. Haha.. Vamo que vamo..

[@FilipeDeschamps]

kkkkkk showwww!!! 😍

[@alexandrecorreia37]

Ótimo vídeo. Uma correção referente ao Bookmark, para Windows o comando é Ctrl+Alt+K

[@FilipeDeschamps]

✅ *GOSTA DE NOTÍCIAS SOBRE PROGRAMAÇÃO E TECNOLOGIA?* Então você vai pirar nisso: filipedeschamps.com.br/newsletter

[@hermanlaercio8112]

O Bracket Pair Colorizer 2 está descontinuado.

[@diegoaraujo1667]

Cara, fico hipnotizado a cada video que assisto seu, sua didática me deixa estupefato. Simplesmente brilhante sua abordagem e elucidação com detalhes, que de fato, fazem toda a diferença... Sem querer ser bajulador, más sou seu fã a muito tempo. Parabéns

[@wandersonlucio5857]

O melhor do vídeo são os nomes das cores: Azul bonitão, amarelão massa... Kkk muito show mestre Filipe, sucesso vc é top delicinha.

[@carlosricardoziegler2650]

hahaha verdade

[@FilipeDeschamps]

hahahhahha 😂

[@darlanvieira6814]

Sensacional pra mim que sou iniciante fiquei impressionado com o que o VScode é capaz. Parabéns Filipe obrigado por tudo..

[@willyshakes1018]

Só um comentário simples... Filipe você é incrível :D

[@FilipeDeschamps]

Tamo juntooooo Willyyyyyyyy 🤝

[@willyshakes1018]

@@FilipeDeschamps ❤️

[@douglashaubert7678]

Pra fechar o elogio só faltou entrar prós membros da turma. 5 reais por mês que fazem toda a diferença pro canal e para o conteúdo.

[@mhenri_]

Caraca, assisto seu canal a tanto tempo e nunca percebi que não era inscrito? Como pode??

[@FelipePassosdev]

Uma dica que dou pra ser mais produtivo é se organizar melhor, usar o trello por exemplo pra ir listando suas tarefas e te motivar mais quando as tarefas forem feitas :) (TENHO UM CANAL DE PROGRAMAÇÃO PRA QUEM TIVER INTERESSE)

[@fvgoya]

Tenho usado o Notion. Além de poder usar um sistema estilo kanban nele, ainda uso para guardar todos meus snippets e muitas outras mais. Se não conhece o Notion, recomendo dar uma olhada.

[@FelipePassosdev]

@@fvgoya muito obrigado, vou olhar sim

[@FilipeDeschamps]

Showwww xará!!! E Fernando, eu to vendo MUITA gente falando bem do Notion 👍

[@mhbarros]

NOTION é sensacional. No início eu achei um pouco complicado de mexer nele, o esquema de páginas era estranho.. Mas hoje em dia eu simplesmente não consigo largar dele, melhor coisa.

[@fvgoya]

@@FilipeDeschamps Cara, como o Marcelo comentou, no começo a gente estranha mesmo, por causa desses lances de páginas. Mas depois que você conhece melhor a ferramenta, você descobre o poder dela. E não é exagero. Você praticamente adapta ela para o que você quiser!!! Tem um lance que você usa tabelas como "banco de dados". E depois você customiza esse banco de dados como você quiser dentro das páginas que você quiser. Cara isso é sensacional!!! É "delicinha" ficar usando o Notion. Vai por mim!! rs. Abraço!!

[@isaacbruno8308]

A extensão que mais me ajudou recentemente foi a Workspace Manager (design4pro.workspace-manager). É simples mas muito eficaz. Permite que eu possa salvar as workspaces de cada cliente/projeto e selecionar em uma lista para qual workspace eu quero ir, com um clique.

[@NelsondeCamposNolasco]

Para os Pythonistas: Python Preview (dongli) Python Test Explorer for Visual Studio Code (Little Fox Team) Pyright (ms-pyright) Python Docstring Generator (Nils Werner) *** Geral *** Rainbow Brackets (2gua) Peacock (John Papa)

[@FilipeDeschamps]

Show!! Valeu pela ajuda Nelson 👍

[@rafaellimao2525]

Cara, Felipe, eu tô aprendendo um pouco mais programação pra poder implementar e tô quase desistindo (em suma porque não conheço nenhum outro programador pra conversar e não consigo arrancar nenhum "putz, legal isso, como é que cê fez?" dos meus amigos ou família), mas seus vídeos me motivam a continuar. Muito obrigado.

[@tagua02]

Estou começando agora , sou da área de humanas mas senti necessidade de aprender um pouco depois que entrei para o programa de embaixadores cívicos da OKBR. Lá ajudamos com projetos de controle sociais de transparência, muito legal. Mas tive que estudar . Depois se quiser lhe apresento, só tem fera e vc aprende muito !! #NãoVamosDesistir

[@refabri5539]

A barreira inicial é a mais dificil mesmo, tudo é novo, tenta os cursos gratuitos da Khan Academy de JavaScript, CSS e HTML, é bem leve e muito didático, o gratuito CS50 da Harvard/Yale é pesado e faz a cabeça doer um pouco, mas é muito, muito bom e use muito google e youtube pra tirar dúvidas, pegue o jeito de ler e pesquisar documentações. Exemplo iniciante: google: "como colocar um botao em html" e bum a resposta aparece no primeiro link. Com o tempo o básico fica fácil e surgem outras dificuldades e essa é a dor/beleza da coisa.

[@felipecampos6494]

Felipe, você ajudou eu e meus amigos do técnico de informática, antes nós achávamos o VSCode muito ruim, agora nós só usamos Visual Studio Code para desenvolver os nossos projetos. Muito obrigado!!!

[@Matt-pd8vm]

Dicas fantásticas Felipe adorei as extensões

[@jotaodiceu]

Esses dias fiquei meia hora fazendo debug do código pra achar esse erro kkkkk

[@antoniocarmo544]

Olá Filipe! Queria te dizer que o teu conteúdo é super bom! Eu sou relativamente novo neste fascinante mundo da programação e eu te considero um exemplo a seguir! Continua com o excelente trabalho!

[@FilipeDeschamps]

Showwwww António, seja super bem vindo aqui meu caro 👍

[@Ian-dj2gs]

Seus vídeos e suas edições são muito boas, continue sempre

[@FilipeDeschamps]

Valeuuu Ian!!

[@brunonetto295]

No inicio do vídeo já vi que estava assistindo algo muito interessante. Percebi que tinha um amontoado de dependências que nem usava ou que nem estavam instaladas, e descobri dependências que com certeza vão me ajudar a ter mais produtividade. Que vídeo SENSACIONAL

[@WandersonItsMe]

6:09 quem nunca não é? hahaha... Exelente vídeo Filipe!!!

[@FilipeDeschamps]

kkkkkkkk 😂 clássico 👍

[@BehindGameLab]

Me identifico demais! kkkkk

[@nutriramente]

Eu trabalho com PHP e reluto para não ir para Storm, Então venho melhorando meu VSC, segue algumas que uso: PHP IntelliSense - ajuda demais a navegação do código e autocompletar (paguei até os $10 premium) PHP Namespace Resolver - importar fácil classes. phpfmt - PHP formatter - formatação de código (PSR) PHP Debug - utilizar o XDebug de forma fantástica. (o mais importante para minha produtividade, sai do print_r) Tenho outros, mas esses já dão um salto na produtividade de um programador PHP, seria legal você fazer vídeos desses específicos de cada linguagem. Parabéns pelo trabalho.

[@matheuslincon1872]

"Eu descobri como conseguir sair do Vim" KKKKKKKKKKKKKKKKKKKK

[@FilipeDeschamps]

😂 😂 😂

[@anderberin]

já vi gente resetando o PC p sair do Vim...

[@ninetwive8628]

@@anderberin oloko kkkkk

[@douglasfraporti2168]

mas descobriu como voltar para ele com extensão kkk

[@silas190]

Foi uma quebra de expectativa,gerando humor 👍

[@Galaxz]

Comecei a estudar programação a pouco tempo, usava o pycharm já que só programava em python e nem sequer conhecia o Vs code, depois que conheci resolvi testar e estou extremamente empolgado em programar nele de agora em diante , é uma interface muito massa e te liga a diversas extensões facilmente

[@Rizzonho]

Só eu que vejo o vídeo em todas as minhas contas do KZbin e dou like em tudo também? 😂😂😂 Vou instalar todas as extensões, valeu! ❤️

[@FilipeDeschamps]

ahahahah valeuuuuuu Rizzonhooooooo 😍😍😍😍😍😍😍😍

[@carlosricardoziegler2650]

tem que ser membro de todas tambem, ai vc pega o chefao no final do jogo

[@andreizanagi5067]

Pra quem teve problema com o Code Spell Checker em 7:43 abra a configuração do Code Spell va em language e onde estiver apenas "en" cole pt,pt_BR. Ficara assim: en,pt,pt_BR

[@richelieucosta7757]

8:43 no linux, o atalho pra utilizar um marcador é Ctrl + Alt + K Muito obg pelo conteúdo. Estou sempre acompanhando seus vídeos.

[@geovanocavalcantedeoliveir8294]

Tentei no Windows 10 e só funcionou com esse comando que você sugeriu (Ctrl + Alt + K) Valeu :)

[@ThiagoVito]

Fala Filipe valeu pelas dicas. Aqui vai algumas que uso: - Prettier - Code formatter - TODO Highlight - Highlight TODO, FIXME and other annotations within your code - vscode-icons

[@g-laveli]

Esse ai das tags... meu amigo, salvou muito.

[@FilipeDeschamps]

ahhahaha show 😍

[@ThePsylucas]

Nossa , as empresas devem ser oferecer altos salarios pra ele , manja muito felipe.

[@cpdeivis]

A "Remote - SSH" é uma mão na roda pra abrir um server ou vm como ambiente de desenvolvimento direto no VS Code

[@CarlosHenrique-gc3wl]

kkkk acabou de aparecer uma demanda para mim que preciso usar ssh , porém nunca tinha trabalhado antes com ssh. Obrigado pela dica !!!

[@teste-yh5df]

@@CarlosHenrique-gc3wl se vc tiver windows instala ssh via chocolatey, se vc instalar no site oficial vai dar pau! ja to avisando

[@FilipeDeschamps]

Massa Deivis 😍

[@jonathangonzaga95]

Eu uso essa extensão para programar remotamente minha Raspberry Pi. Muito bom.

[@ricardovarjao]

Ele mantém uma cópia local ou realmente trabalha direto? Utilizo o sublime (que gosto muito por ser leve) e tem uma extensão que faz toda a comunicação mantendo arquivos locais... mas sempre tenho que tomar cuidado em esperar baixar uma versão atualizada do arquivo para não sobrescrever informações.

[@fernandorip1]

Cara, esse canal é para mim a "Bíblia do Dev". Muito obrigado Filipe!

[@danilovieira4442]

Muito bom, Filipe!! Obrigado por compartilhar isso com a comunidade. Ps: Achei que ia citar o tema Omni da Rocketseat 🌚✨💜

[@FilipeDeschamps]

Showww 😍 eu não cheguei a testar, mas de fato to vendo muita gente falar bem, muito massa isso 😍 👍

[@felipemonteiro8300]

@@FilipeDeschamps vale a pena, não me arrependo.

[@paulo_latronico]

comecei a aprender programação agora to pensando em fazer alguma faculdade mas to gostando muito depois de anos depois depois do ensino medio creio que finalmente achei minha area, teu video aparecer na minha timeline foi otimo ta me esclarecendo muita coisa e me ajudando bastante

[@leonichel]

Parabéns. Excelente conteúdo :D. Uma coisa interessante também é a configuração da propriedade FontLigature (e o uso da fonte Fira Code). 😁

[@BehindGameLab]

Fira Code ❤️ - Uso MUITO! hehe

[@FilipeDeschamps]

Massa 😍

[@renansigolo]

Boa Leo! Uso ela tbm e achei bem bacana que da pra configurar ela para as telas de retina. Se quiserem testar fica ai o link da documentação github.com/tonsky/FiraCode/wiki/VS-Code-Instructions 👍🏻

[@viniciustrindade5056]

HTML Snippets: exemplo, digitando ".center#center" ele cria uma muito útil, recomendo

[@marcobelo4795]

+2 extensões que uso bastante: Todo Tree - parece com a Bookmarks mas encontra os TODO e FIXME no codigo. Better Comments - cores para os comentários

[@FilipeDeschamps]

Showwww!!

[@willeumanuel]

Cara, sensacional... Brutal! 😎

[@matheuslutterbach4386]

Ótimo video! Faltou só o Prettier! 😁😁😁

[@FilipeDeschamps]

Boaaaa Matheus! Eu ia incluir ele, mas não coloquei porque é mais voltado só para desenvolvimento web, mas sim, Prettier é uma delicinha 😍

[@educroch]

Filipe, como vc diz, "que video delicinha", parabéns!!! Minha contribuição seria com o "Colonize" para quem utiliza linguagens que precisa de ponto e vírgula (;) no final das instruções.

[@gustavovanuncio]

"Azul bonitão e até um amarelão massa" kkkkkkkkkkkkkkkkkkk

[@FilipeDeschamps]

😂

[@pedrohm005]

Muito bom! uma que gosto muito Angular Language Service: o que mais me auxilia é pode acessar com um clique os métodos e variáveis que uso no html para onde está localizado no ts

[@agiledefinitivo]

VS Code é coisa linda de Deus! (Mas eu ainda prefiro o VS tradicional)

[@FilipeDeschamps]

hhahahaha showww 😍

[@camillabruna8022]

O melhor professor que eu já vi, sinceramente meus parabéns hahaha

[@rwietter]

Uma das extensões que mais uso é a Project Manager, muito boa para trabalhar em múltiplos projetos/estudos. A própria do Docker também, Regex Previewer, Code Runner, Settings Syncs. O resto é só snippets e tal. Também não curto muitas extensões pois começa a pesar para abrir.

[@allantmartins]

Seus vídeos está simplesmente assim if() { } Sem condição 👏👏👏😻

[@FilipeDeschamps]

hahahahahahahahahahahahahahahaha 😂

[@foaxiisz4181]

KKKKKKKKKKKKKKKK

[@sonysantos]

Esse vídeo veio num excelente momento para mim, que estou migrando do Kate Editor para o Visual Studio Code, então ainda estou aprendendo a mexer com ele e seus recursos. Valeu!

[@gstvinf]

Cadê os QAs daqui? Quais extensões vcs utilizam?

[@FilipeDeschamps]

Gustavo, interessantíssimo! Não tinha pensando em extensões por essa perspectiva 👍

[@antonnyosalles]

Que qualidade absurda do video e do apresentador! Parabens!

[@filipesimon2132]

Agora só ta faltando a extensão do Spotify pra eu não precisar abrir mais nenhum app além do VSCode 😂

[@eduardogoncalvesbastos9144]

Um que acho interessantíssimo para quem trabalha em equipe é o Prettier. Além de poupar muito tempo com pequenas correções de estilo, ajuda a manter um padrão de formatação para facilitar a leitura do código, de uma forma mais simplificada que um linter, por exemplo.

[@diegofrancisco7660]

1:30 "então começando pelo começo" 😹😹😹😹😹

[@FilipeDeschamps]

😂

[@aydentfox]

Então dá pra começar pelo fim? kkkk

[@cortesgamersbr]

Os vídeos do Filipe tá em outro nível, conteúdo, qualidade da câmera, iluminação, áudio. Parabéns pela qualidade !

[@moisesguedes4538]

AAAAAAAAAAAAAAAAAAAAAAAAAAAAA COMENTEI ANTES DE ASSITIR MESMO!

[@FilipeDeschamps]

😂 😂 😂 😂 😂

[@KingNFT_oficial]

Tenho menos de 1 ano pra me tornar fera em programação, ganhar um dinheiro e poder viajar pra realizar um sonho. O seu entusiasmo me cativa, Felipe. Espero por mais videos que nos mostre muito mais que linhas de código

[@epedroborges]

Eaí mano, você avançou bastante em programação?

[@PLAYGAMES-bv6dv]

Eae deu tudo certo?

[@ruioliveira7632]

0:40 aquela piadoca de respeito kkkkkkkkk

[@FilipeDeschamps]

😂

[@euvictoremmanoel_keys]

Eu tenho 12 anos e vc e a unica pessoa que explica bem

[@abstaain]

Sou Front End & Designer UX UI e trabalho com VSCode com o theme feito por um brazuca, é absurdamente sensacional! Ele fez algumas publicações um tempo atrás nos grupos do Face de desenvolvimento web e afins, falando sobre o theme, é o theme 'Aura Theme', recomendo muito!

[@luizalmeida4884]

Felipe, tu é o cara... Abraço, meu jovem!

[@emersonmx]

Muito bom Filipe. Acredito que esse vídeo é importante para quem tá começando a programar e para quem ainda não adotou um editor de texto. E também evitar o pessoal de cair na cilada de começar a programar usando o vim.

[@psyvih]

Esse conteúdo foi delicinha das galáxias!!!! Simples, mas de muita ajuda pra muitos devs! Já uso algumas extensões listadas, mas outras citadas vão ajudar d+! Com relação ao tema drácula, ele é muito bom, mas ainda acho melhor o tema padrão por dar mais contraste e conseguir identificar rapidamente variaveis, metodos, etc... Em alguns casos o drácula deixa com as mesmas cores ou cores muito parecidas. Dependendo do projeto, pode-se configurar a recomendação de extensões para instalação e também algumas configurações padrões do editor.

[@FilipeDeschamps]

"delicinha das galáxias" hahahahahah 😂 👍

[@felipemonteiro8300]

Algumas eu já conhecia, outras não, e vieram bem a calhar , Obrigado Filipe, meu xará, kkkkkkkk. Eis aqui minha contribuição. Eu utilizo o indent-rainbow, é ótimo para quem trabalha com html, react e outras linguagens que utilizam indentação para organização, mas chega o momento que aquilo está tão grande que vc não tem ideia onde começa e onde termina, e essa extensão é uma mão na roda.

[@FilipeDeschamps]

Showww!!! 👍

[@luananderson9892]

Programo em Java e uso o vscode, foi um pouco complicado no inicio, pois usava o Intellij e é uma baita ide, mas cada vez mais me apaixono pelo vs e valeu Filipe por mais dicas de extensões que ainda não havia visto. Você é fera!!

[@roundoun]

Para quem utiliza Python, recomendo o Python Docstring Generator e o indent-rainbow

[@davilima3705]

Ótimas indicações de extensões! Mas um pequeno comentário sobre uma delas, a TabNine. Eu usei ela por alguns meses, e sentia meu notebook muito lento, pq essa extensão que estava instalada estava consumindo 1,2 Gb/s de memoria ram, e para um desenvolvedor como eu que não tem uma maquina muito potente isso é um grande problema kkkkk pq se eu tenho 4gb de ram, com o consumo do linux e servidores rodando, não tive condições de continuar usando. Mas não deixa de ser uma excelente extensão, só não é acessivel para todos! Adoro seus conteúdos, Filipe! Vem sendo muito uteis a minha progressão como desenvolvedor!

[@RafaelTrindade_rafa]

Tem um pacote de extensões que inclui várias dessas citadas. O nome do pacote é AngularBrasil. Quando vc clicar pra instalar ele vai fazer o download de várias extensões. É bem legal, tem pacote de temas, ícones auto complete... É bem completo.

[@danilloferreirarossi6679]

Eu amo extensões e sempre quis um vídeo seu sobre elas! Você sempre nos surpreendendo! hahaha Obrigado Felipe!

[@FilipeDeschamps]

hahahah que massa 😍

[@devdavi]

Massa de mais! Instalei duas haha. Filipe, fica aqui uma dica minha: comecei a usar a extensão delicinha "TODO Highlight" e me ajuda muito a criar TODOs e FIXMEs pelo código e depois poder voltar neles facilmente com um só comando. Nunca mais me perdi em coisas a serem feitas nos projetos :D

[@FilipeDeschamps]

Showwww!!! 😍

[@renanmartins1833]

Filipe, em menos de um minuto de vídeo já amei seu canal e do jeito que vc fala, vc é demais irmão!

[@FilipeDeschamps]

Show Renan, seja super bem vindo aqui meu caro 🤝

[@vercettigameplays]

Sensacional essa settings sync. Tenho o VSCode instalado no notebook pessoal, da empresa e no desktop. Sempre fugia uma extensão ou outra.

[@MatheusPratta]

Um tema que eu gosto MUITO para o Code é o "Darker than One Dark Pro", que é uma versão mais escura e com mais contraste visual (cores mais fortes, estilo o Dracula), que ajuda bastante a separar as coisas no código! Já esse Settings Sync é o primeiro que sempre instalo, porque é só dar um Download Settings que ele já baixa do meu GitHub tudo, desde as preferências até o tema e as extensões!! :D Minha lista de recomendados que não tão no vídeo: - "Fix JSON": Permite digitar JSON como se fosse JS normal, que ele corrige - "Git Graph": Dá uma visualização INCRÍVEL de todas as branches do Git - "Beautify": Permite visualizar código minificado com identação correta - "Identicator": Destaca qual a profundidade atual da identação do código - "Version Lens": Permite visualizar as versões de alguns package managers (tipo npm), atualizar versões e atualizar para a mais recente compatível

[@euvictoremmanoel_keys]

Eu começei a programar faz pouco tempo e to aprendendo muita coisa com vc

[@caueeu11]

Vídeo sensacional Filipe!! Obrigado pelo conteúdooo

[@juliocabral3749]

Valeu, ajudou bastante, instalei muitas das extensões mostradas.

[@sandersoncm]

Filipe, excelente vídeo. Há muitos recursos no vscode, eu utilizou Django, Python, html e jQuery é um dos recursos que mais me ajuda é o DEBUG. Roda bacana tanto para o Python quando para o JQuery, o que ajuda e muito no desenvolvimento.

[@faustofjunqueira]

Esta de parabens mano! Continue com o seu trabalho, pq, nos brasileiros, estamos precisando de mais conteudos de qualidade como o seu! Parabens

[@matheusmgd]

Algumas das extensôes que eu uso que são excelentes: - Quokka (ajuda a ver a resposta de uma função de acordo com o valor passado por parâmetro sem a necessidade de rodar o código) - Todo Tree (como o bookmark que faz marcações para lembrete de partes do código para serem feitas depois) - PathIntellisense ( ajuda no autocomplete de tags)

[@raulmelo7021]

CodeSnap: Cria uma imagem com o trecho de codigo selecionado. Bom pra compartilhar codigo no Twitter Color Highlight: destaca CSS color (hex, rgb, rgba) deixando claro qual é a cor do código EsLint: usa o arquivo .eslintrc para dar hightlight nos erros do arquivo Import cost: mostra o tamanho do modulo que está sendo importado Markdownlint: tipo ESLint mas pra markdown. Ajuda a escrever arquivos .md com mais coerencia e seguindo padrões Material Icon Theme: adiciona icones nas pastas e arquivos (bem melhor que o padrão do vscode) npm intelislisense: ajuda no autocomplete de importação de modulos prettier: formata seu codigo usando o prettier quit control for Vscode: mostra um dialog pra evitar que você feche acidentalmente a vscode (muito util) version lens: lê o package.json e mostra as ultimas versões disponíveis TODO tree: permite que você marque trechos de código com "TODO: " e mostra todos os pontos marcados em uma aba separada

[@andremachadobrigido3731]

Ahhhhhh, eu tava esperando esse vídeo a diassssss, Thankssssssss.... Vou ficar na espera por um específico do HTML e do Javascript 👊🏻🧡

[@FilipeDeschamps]

Showwwww 😍

[@williamtrindade1098]

Ótimo vídeo Felipe, cara realmente muito massa. Acabei descobrindo que essa extensão de sync de configurações vem já embutida no vscode não sei exatamente em qual versão mas não é mais necessário baixar a extensão.

[@ThiagodaCunhaBorges]

Arrasou com as dicas pro vscode!!! Agora vai ficar maneiro usar o vim dentro do vscode! Não vou mais conseguir sair do vim

[@RafaelFernandesKingRafa]

Seus vídeos são incríveis, inspiradores, me força a ter que tomar conhecimento que eu ainda estou engatinhando na programação e me faz querer estudar cada vez mais

[@FilipeDeschamps]

Tamo junto nessa caminhada Rafa!

[@leandrobodobo8573]

Cara eu entrei agora para faculdade de TI e esse canal tem criado muita expectativa em mim

[@souzaroberto]

Eu uso algumas a mais também Diegão, ops! hahahah - Color highlight -> me mostrar a cor em cima do hexadecimal ou rgb - Docker -> consigo ver tudo relacionado ao Docker na minha máquina - ESLint -> pra me ajudar a fazer os códigos com a configuração de ESLint que eu configurei - Todo Tree -> pra me sinalizar os TODO, FIXME e tudo mais relacionado - WakaTime -> para me mostrar quando tempo eu estou codando, para medir minha produtividade

[@urquizanobrega4967]

Uma dica: o VS Code permite sincronizar as configurações do programa sem precisar instalar extensões para isso. Basta clicar no ícone de "Account" e deixar ativo o "Settings Sync".

[@ramalhofael]

Dica de produtividade no windows: As últimas versões do windows 10 (19XX) possui o histórico da área de transferência... ajuda muito quando tu quer "copiar e colar" mais de uma coisa de uma parte do código pra outras que nao estarão necessariamente juntas. Para ativar e acessar: Winkey + V :)

[@rafaelwatanabe7081]

Era isso mesmo que eu tava procurando ontem hahah !!! como sempre muito bom o conteudo!!!

[@FilipeDeschamps]

kkkkk show Rafa!

[@matheusnobre]

1. *beautify* - Endenta automaticamente 2. *htmltagwrap* - Abre e fecha tags ao redor de um texto selecionado em html (tem opções pra javascript também). Claro que você também pode criar as tags e com Alt + Seta pra cima/Seta pra baixo você move uma linha ou bloco de texto selecionado pra dentro dessa nova tag, mas...fica a opção de qualquer forma.

[@lukaz4]

Massa demais o vídeo! Também sai do Vim para o VSCode quando descobri uma extensão para Harbour/xHarbour (Clipper) que eu desenvolvia numa empresa que eu trabalhei.