23 Extensões do VS Code para 2020 // Mão no Código #25

[@wagnermor]

Timeline: 01:34 - Beautify 02:14 - Bookmarks 03:13 - Bootstrap4 04:04 - C/C++ 04:08 - Platform IO IDE 04:38 - Composer 05:03 - Dart 05:08 - Flutter 05:58 - Debugger For Chrome 06:14 - Live Server (Go Live) 07:28 - Docker 07:54 - Dracula Official 08:28 - ESLint 08:56 - JavaScript Snippet Pack 09:34 - markDownlint 10:06 - Material Icon Theme 10:43 - PHP IntelliSence 10:45 - PHP IntelliSence for codeigniter 11:14 - Pomodoro Timer 12:02 - Power Mode (Fogo no código) 12:43 - Python 13:09 - Rainbow Brackets 13:43 - Vs Code HackerTyper TMJ 🤟🏿🤟🏿🤟🏿

[@fventurajr]

Obrigado

[@wagnermor]

@@fventurajr Tmj man, sucesso p ti!🚀🚀🚀

[@ricardinhoakj6176]

monstro

[@SamGoularte]

amigo, você é um amigo!

[@monteiro1420]

baixei a extensão mas n consegui fazer o fogo aparecer na hora do codigo kkk

[@GabrielFroes]

Esquecemos de dizer que em particular, as extensões Dart / Flutter serão muito utilizada por nós em 2020. 😉

[@faustobdls]

❤️

[@josericardoaraujo8364]

Opa. Isso me muito me alegra! =)

[@DanielPabloSheng]

Lembrei de uma boa extensão chamada "Settings Sync" que faz backup das configurações do VSCode e extensões para sua conta no github.

[@DanielPabloSheng]

@Emanuel Santos Sim é meio confuso a configuração, mas dá certo, só tem um probleminha quando se tem dependências de Sistema Operacional, como coisas de Windows que não terão no Linux, mas é um detalhe, vai baixar tudo e manter, o que se deve ter cuidado é não deixar o upload automático das configurações para não atrapalhar caso seja um configuração de testes.

[@FabricandoSuaIdeia]

Falou sim

[@DennysB.Farias]

Karaka! Estava pensando em perguntar a IA Copilot como marcar linhas no código, pois estou acostumado a marcar no Notepad++ simplesmente clicando do lado do número da linha. O bom desse Bookmarks é a lista das marcações. Show! Grato estou por mais essa dica, abençoados. Fiquem com DEUS, forte 🤗 e sucesso!

[@vanribeirofront-enddev7535]

Eu uso Live Server. E, enquanto assistia esse vídeo, instalei: - Pomodoro - Rainbow brackets - Bookmarks Valeu pelas dicas! ^_^ Excelente final de ano para vocês! Abraço!

[@andregirol]

Extensões que eu gosto bastante: - Git Lens (como já mencionaram) - PHP Intelephense - Essa extensão tem tudo que a Intellisense possui, mas ela também carrega a tabela de símbolos. Isso ajuda muito quando vc quer pular pra uma classe, método ou função apertando o F12 em cima da palavra. Lembro que o Intellisense não tinha esse recurso, por isso eu troquei - Tema Hackerman. Eu passei dias configurando meu ambiente e uma coisa que eu precisava era um tema que identifica detalhes do código (funções, métodos, variáveis, chaves, etc) e uma forma mais distinta possível, algo como a extensão que colore os brackets como vcs mostraram. Esse foi o tema mais interessante que encontrei e suporta uma variedade grande de linguagens de programação.

[@j.hildebrando]

Muito bom, instalei algumas. Vejam a extensão: Settings Sync - Ela sincroniza sua lista de extensões e configurações no github, pra que você possa recuperá-las em futuras reinstalações.

[@VictorHugo-hi3cx]

Eu conheci o canal de vocês e to gostando muuuuuuito, principalmente a playlist do dicionário que me ajudou a conhecer melhor muitas tecnologias. Eu realmente acredito que vocês deveriam ter um PodCast (se ja não tiverem né), seria perfeito!!

[@codigofontetv]

Muito obrigada por nos acompanhar e que bom que estamos ajudando! Ter um PodCast seria bem legal, por enquanto estamos focados nos vídeos, mas quem sabe no futuro. 😉

[@carlosgold725]

O trabalho de vocês é espetacular. Informação genérica e técnica ao mesmo tempo, sem ser cansativo e nem tendencioso. Parabéns e muito obrigado por estarem sempre trabalhando tanto para gerar informação confiável para todos nós da área de TI.

[@FlavioAlcantara10]

Vanessa e Gabriel Obrigado por terem feito esse vídeo sobre as extensões mais utilizadas e produtivas para o VS Code. Eu que estou entrando nessa área e aprendendo Desenv.Front-End pela escola Alura, estou precisando muito instalar essas extensões. Ja dei meu like e me inscrevi no canal de vocês. Vocês são um casal muito NERD de simpáticos. Parabéns.

[@felipeMartins-uh8my]

O único canal que você pode dar o like antes de ver o vídeo, amo muito vocês. Boas Festas

[@codigofontetv]

😍😍 Muito obrigada Felipe!!! Boas festas e sucesso em 2020!

[@MrYuridaPaz]

Comecei a aprender programação tem pouco tempo e nessa semana peguei o VSCode pra ir estudando. Tinha visto o ultimo video de vocês sobre extensões e adorei, estava procurando mais e vocês soltam esse video hoje. Muito obrigado.

[@ricardonogueira8980]

O foguinho é muito útil pra quem está vendo o vídeo. Show de bola!

[@rafaelvallew3]

Muito legal, gente! Estou treinando sair da comodidade e mudei de Windows para Linux recentemente e também estou mudando do Eclipse para VSCode, para que o utilize tanto pra Java quanto para outras linguagens. O vídeo foi bacana para entender a simplicidade da dinâmica de adição de extensões no VSCode. Foi bem animador. Enquanto assistia, já substituí dica do C++ pelo Java na busca, rodou na hora e, é claro, adicionei HackerType... Hahhahaha... Abraços!

[@marcelocordeiroleite]

Muito bom! Assisti com o VS code aberto e fui instalando as extensões que fazem sentido para os projetos que estou trabalhando. Parabéns pelo conteúdo de alta qualidade do canal!

[@codigofontetv]

Muito obrigado por nos acompanhar Marcelo! Que você tenha um 2020 incrível. 🤗

[@marcelocordeiroleite]

@@codigofontetv, muito obrigado! Muito sucesso em 2020 para vocês! Saudações da fria Dinamarca!

[@codigofontetv]

@@marcelocordeiroleite Que legal saber que nos acompanha mesmo estão tão longe! 🤗 Abraços de Petrópolis/RJ

[@heloisacst]

Muito bom o vídeo! Estou indo pro 3 semestre de engenharia de software e tô adorando 🥰

[@raphaelaugusto1744]

Sucesso!!

um sonho de curso pra mim ♥️😪

[@euandrebastos]

O foguinho com certeza! O melhor de todos!

[@joaovitorjv1092]

POWER MODE, a extensão que flameja ao digitar, com certeza o melhor recurso

[@leofranca4126]

Vou instalar o power mode, e entregar sistemas quentes kkkkk

[@rafaelabrahao6694]

Para quem está iniciando a vida na programação o Rainbow Brackets é muito útil, uma forma de conferir se vc abriu e fechou aquele bloco certinho... Bookmarks é muito bom pra se organizar na hora de refatorar o cod.

[@jeancharlles9]

Muito bom, esse vídeo. Extremamente relaxante e educativo. E o foguinho foi genial! Parabéns ao canal que está demais!!!

[@LukasSkywalker_]

Git Lens é bem útil E tb uso o Settings Sync para sincronizar minhas extensões e configurações qdo mudo de PC. Ele faz backup em um gist privado.

[@codigofontetv]

Que legal essa do Settings Sync, vamos testar.

[@marcioslashado23]

Essa do Settings Sync é uma dica boa hein. Tava me matando pra passar as Configs do PC pro MAC.

[@mocraveirodev]

Tem varias extensões que vc falaram que ja usava... mas uma que acho bem útil que vcs não citaram foi a "INDENT-RAINBOW". Ele colore a indentação e se vc erra, marca em vermelho!

[@marciofmjr1994]

caramba, acabei de testar aqui, muito legal!!

[@DanielPabloSheng]

Mas se tornará inútil se usar a Prettier...hehe vou ver.

[@renanmorais3038]

Obrigado!

[@gustavo.c7641]

@@marciofmjr1994 oq é indentacao ?

[@FelipeValentim]

@@gustavo.c7641, não sei explicar de forma técnica, mas seria a forma como vc deixa o código organizado, quando vc coloca um If por exemplo, vc vai pra linha de baixo e da um certo espaço da margem, isso seria indentaçao

[@jorge4369]

Para quem está iniciando e ainda não é bom em inglês, recomendo baixar o pacote de extensão para português brasileiro. O inglês é fundamental, mas para quem não manja muito, acaba perdendo tempo traduzindo e o VS é uma mega ferramente que merece ser bem aproveitada.

[@jhonatanalves-p5t]

Gostaria de sugerir uma atualização para o seu vídeo, a fim de descobrirmos se você ainda utiliza as mesmas extensões que mencionou anteriormente ou se encontrou outras novas. Gostei muito da sua didática e acredito que esse tipo de conteúdo seja extremamente valioso para a comunidade.

[@codigofontetv]

Ótima sugestão!

[@ronaldocorrea8007]

legal video. comecei usar VSCode, estou gostando muito.

[@josebruno2170]

Gostei do foguinho!! Já instalei aqui! Parabéns!

[@DanielPabloSheng]

Nossa, sempre quis saber desse foguinho saindo do cursor...hahahaha mas tem umas extensões que já uso, algumas não conhecia, agora vou testar, há também os Extesion Pack que instalam várias extensões que complentam um "Kit" para determinadas linguagens, coisa que facilita para não ter que ficar caçando uma-a-uma.

[@wagnerbarboza9022]

Vocês são sensacionais demais! Muito obrigado pelo conteúdo EXCELENTE.

[@claudiomirribeirodecarvalh1262]

Vocês são incríveis, super didáticos

[@DiegoBrocanelli]

Dracula theme é amor, eu uso tudo nesse tema, S.O, VSCode, Vim hahahaha Parabéns pelo vídeo, muito bacana!

[@robsonsilv4.]

Parabéns pelo trabalho de vocês e que venha muitas conquistas em 2020! Ah, ótimas extensões, mas faria algumas substituições, como o Prettier, AllInOneMarkdown e BracketsColorPair2 ;)

[@codigofontetv]

Muito obrigada e um 2020 de muito sucesso pra você também! Vamos dar uma espiadas nas suas sugestões. 😉

[@FelipeSantos-ie5ii]

Muito fâ de vocês! Serião! Eu uso esta outra também: Color Highlight (Mostras as cores em hexadecimal dentro do código HTML).

[@codigofontetv]

Oi Felipe, muito obrigado pelo seu carinho, a gente sempre se emociona em como nossa comunidade nos prestigia. :D Acho que já usamos essa extensão também, vamos testar novamente. Grande abraço e um excelente 2020 pra você e sua família.

[@alves_a]

- Auto-using for C# - C# - C# code Snippets - C# Extesions Esse Rainbow Brackets vai ajudar bastante, vou testar

[@ShadowMechanics]

Dia 3 de Março, começa minha faculdade de Sistema de Informação e estou muito ansioso ^-^

[@codigofontetv]

Muito sucesso pra você Daniel! 💪🏻

[@raphaelaugusto1744]

Sucesso!!

[@Brunodelucasdev]

Isso aí cara! Começo a minha de ADS em Maio kkk e já tô vendo altos vídeos e relembrando a lógica com o python

[@jaelsondossantos4023]

Como tá se saindo na faculdade? Estou no mesmo curso iniciando o segundo período e só sucesso!!

[@rwietter]

Uso também: - Git Lens - Git Graph - Apollo GraphQL - Prettier - Settings Sync - Rocketseat ReactJS - Color Highlight

[@faustobdls]

eu nem vivo mais sem Git Lens @Código Fonte TV recomendo

[@codigofontetv]

@@faustobdls já utilizamos, é muito boa. 😉

[@joaovictor852]

tem o da rocketseat react native tb

[@ailtonocchi]

Me inscrevi no canal agora, mas já assisti vários vídeos e estou adorando! Vocês lembram o Leon e a Nilse (que assisto as vezes com meus filhos), mas num tema mais profissa! hahaha Muito bacana! Abraços!

[@7gilialves]

Uma boa extensão para vscode é o CodeMetrics, mostra a complexidade do código Typescript/JavaScript.

[@codigofontetv]

Excelente recomendação. Vamos testar.

[@albertoavs06]

obrigado ao super casal.. foi ótimo as suas orientações......vcs são dez

[@josuegsjunior]

Uso sim! - Draculla - Material Icon Theme - Rainbow Brackets ; )

[@lauksas]

Não costumo consumir conteúdo de desenvolvimento em português, muito pela falta de qualidade. Parabéns pela iniciativa, está muito bem feito

[@cicloviajanti]

Muito obrigada pelas dicas.

[@gilsonmendes6297]

Show... Eu uso algumas destas que voçês usam. Mas, para deixar o cogido mais intelegivél uso o Bracket Pair Colorizer. Muito show ele, experimente ai, é ver o q vcs acham. Abração.…

[@claudiorabello1600]

Muito show ! Todas essas extensões ! a Power Mode no estilo Exploding-Rift ! Já estou usando ! Valeu !

[@loernius]

Tenho q explicar q o debugger for chrome te permite usar os breakpoints no javascript. É muito bom pra quem desenvolve single page applications

[@codigofontetv]

É verdade, esquecemos de mencionar.

[@pedrolourencodeoliveira7205]

Eu amo o VS code, meu coração eterno dele

[@codigofontetv]

Nós também. ❤️

[@MarcusVinicius-js8pb]

Essa extensão do Bootstrap vai me ajudar bastante nesse período kkkkk obrigado👍

[@ssavena05]

Adorei o video. Muito Obrigado!!!

[@DanielPabloSheng]

Uma boa extensão chamada "Settings Sync" que faz backup das configurações do VSCode e extensões para sua conta no github.

[@fventurajr]

Acho que poderiam ter feito um brainstorm entre os dois e mostrado uma lista consensual. Estava nítido que era a seleção dele e alguns ela nem conhecia. Vocês poderiam fazer um vídeo sobre programação em pares?

[@fernandostadler5831]

As extensões que eu já usava: - Bootstrap 4 snippets - Live Server - VsCode-icons Extensões que aderi após o vídeo: - Rainbow brackets - Power Mode (com o foguinho ativo :v)

[@desvendandoornasaude4127]

Muito bom. Gosto do trabalho de vcs! Vcs podem fazer um vídeo só sobre extensões da linguagem R no vscode?

[@edermoraes9513]

As melhores que achei foram (Rainbow Brackets (depreciada), Pomodoro Timer) agora faltou uma muito boa também que eu uso e recomendo, (Tabnine)

[@LassNoches]

ESLINT + PRETTIER + ROCKETSEAT Snippets = produtividade

[@addllerandrew3248]

Criar os próprios snippets é fantástico.

[@jesusdEcristo]

Vocês usam algum outro editor além do vscode?

[@diegofranca1177]

Não sei se vocês usam, mas eu gosto bastante do settings sync, ele sincroniza minhas extensões no github

[@danielnetto2363]

Extenções instaladas com sucesso! Agora vamos codar!

[@lucasinacio3162]

Tem uma extensão chamada polacode, eu acho ela muito útil.

[@rogeriopst450]

Não tinha visto. Que da hora. Ano que vem, faz de novo hein.

[@victorioDS]

Lista de Extensões 2020 1º- Beautify (01:35) 2º- Bookmarks (02:12) 3º- Bootstrap 4 (03:11) 4º- C/C++ e PlatformIO IDE (04:01) 5º- Composer (04:38) 6º- Dart e Flutter (05:03) 7º- Debugger for Chrome (05:58) 8º- Live Sever (06:14) 9º- Docker (07:27) 10º- Dracula Official (07:53) 11º- ES Lint (08:27) 12º- Javascript Snippet Pack (08:54) 13º- markdownlint (09:33) 14º- Material Icon Theme (10:05) 15º- PHP IntelliSense e PHP intellisense for codeigniter (10:42) 16º- Pomodoro Timer (11:14) 17º- Power Mode (12:00) 18º- Python (12:44) 19º- Rainbow Brackets (13:07) 20º- VSCode HackerTyper (13:41)

[@ptcomics]

Eu utilizo a do Python que é a da Microsoft, uma que gostei muito é a GitLens... Também acho massa o tema Atom One Light, no Mac fica lindo ❤

além dessas (muitas q vcs usam tb uso) uso tb uma pra atalho do vim e uma pra latex(apesar q quase sempre uso o overleaf pra isso invés do vscode)

[@wandersonfsouza]

É Possível mostrar a data da ultima modificação do arquivo no vscode, uso a ferramenta para desenvolver melhorias no sistema Protheus

[@arozendojr]

Uma dificuldade que tenho é usar o composer dentro do Docker, ter todas as dependências dentro do Docker. Aparenta que o VSCode precisa do composer estar instalado no computador, do que dentro do conteiner

[@eduardosbk589]

Pra quem assim como eu gosta de programar em temas mais escuros eu recomendo o "Deepdark Material Theme | Full Black Version" .

[@codigofontetv]

Boa! Vamos testar

[@eduardochagas8751]

Qual extensão vcs usam para os arquivos ficarem ver e com uma letra na frente?

[@nandadagostin]

Ativando o power mode! 😁

[@dede01706]

Quem programa em LISP deve amar esse rainbow bracket hehehe

[@carlostimoteoarruda4337]

Gostei das indicações do Oscar Extensões VSC 2020. Existe alguma extensão para dar um hide/show nos comentários?

[@eliseu_dev]

Essa extensão VSCode HackerType, quem eu já vi usando ela foi o diego rocketseat.

[@marquitoz1953]

Tem diversas extensões que eu instalo, habilito, mas não surge efeito, parece que nem instalei. Além de que, nem aparecem os ícones na barra lateral. O que fiz de errado?

[@corpsedemon1]

A power mode quando vi instalei logo kkk , de outras foi pomodoro timer, eslint e o live server ja usava ! vlw!

[@rogeriopst450]

vi em outro video q vcs citaram a extensão do gitlens. pq n estão mais utilizando? o que houve? parabens de novo.

[@codigofontetv]

A Vanessa gosta de usar, eu (Gabriel) acabei não usando tanto e preferi tirar. Nada pessoal, pode ser que volte a usar, quem sabe...

[@rogeriopst450]

@@codigofontetv Obrigado, mas vc usa algo no lugar? o q? parabens sempre pelo conteudo.

[@Borgoni]

Show pessoal! Adorei o video!

[@natandias1082]

Uma muito boa é a Markdown Preview Enhanced, para ir acompanhando como está ficando o Markdown enquanto digita

[@onlyacoder]

Odiei esse powermode! pqp!aquele clipper do windows95 então mdss!! kkkkkkk Mas como dizia meu avô, "Se tem quem venda é porque tem quem compre." O resto instalei tudo! Obrigado pelo vídeo e todo sucesso do mundo pro canal!

[@codigofontetv]

Muito obrigado pelo seu apoio ao canal Daniel!!! Um excelente 2020 pra você e sua família. 🎉

[@canaljesusnazareno]

Boa tarde! Qual extensão substitui a extensão Python Preview no Vs Code?

[@luisandrade9276]

Beautify o vscode diz que esta obsoleto kkk o unico e instalei mesmo assim, teria algum outro mais atual que vocês conhecem casal ? e muito obrigado pelo conteúdo !

Pensei que era o único curioso pra saber como fazia esse fogo kkkkk...

[@codigofontetv]

Recebemos quase que diariamente comentários perguntando sobre o "foguinho" no código. 😁😁😁😁

[@sr.r9232]

Eu só pesquisei por causa do foguinho no vídeo de como eles automatizaram o processo de criação de vídeo kkkjk

[@sr.r9232]

Agora tô feliz com meu foguinho kkkjk

[@eullersonsoares1128]

Assisti todo o vídeo apenas pelo Power Mode!😂😂😂

[@jonasmateus1071]

Git History, GitHub, ES6 Code Snippets, Code Runner (todos devs deveriam usá-lo).

[@codigofontetv]

Vamos testá-los!

[@LeoRdrigues]

Bom dia, ótimo conteúdo, queria saber se tem alguma extensão para inspector? exemplo, no Android studio eu clico no emulador ele abre uma opção e já me leva para o código, isso me agiliza muito no flutter, agora estou no angula e arrumando o layout do site, queria clicar em um botão que está na tela, e ir direto para o código no Vs, assim agilizaria muito o trabalho ...

[@cyan6413]

Canal perfeito

[@jepasa]

SFTP Sync - O pacote SFTP Sync possibilita editar, excluir, navegar, sincronizar, subir e/ou baixar arquivos no servidor remoto de forma manual ou automatizada conforme salvar o arquivo pelo VSCode.

[@adrianotercio7918]

Um dos melhores videos... excelente!

[@lucasvictor8454]

muito bom o vídeo ajudou bastante

[@matheuscabaca8067]

Uau! Instalei todos...

[@direitamarica3947]

Por favor, preciso de uma extensão que busque os componentes do Packagist. No PhpStorm ele busca esses componentes certinho, mas no VSCode ainda não consegui. HELP!

[@renijr]

Power Mode..... já ta na maquina...rsrsrsrs

[@wagncarv]

Esse pessoal da Rocketseat está com JS na veia 😁

[@jghagemann]

Live Share é muito bom quando você precisa que alguém te ajude a verificar erros no código remotamente!

[@onlyacoder]

Ou qndo precisa que alguém te ajude a piorar o código!kkkkk

[@jghagemann]

@@onlyacoder verdade!

[@codigofontetv]

Já utilizamos essa por aqui também, fizemos até pair programming à distância! ☺

[@willsmith3102]

como mudar um ícone de extensão do Material icon theme? tenho arquivos em matlab file.m que ele reconhece como C, quero mudar o icone pra Matlab.

[@ElianBecali]

Tava esperando acabar o vídeo e perguntar qual o nome dessa extensão do foguinho se não tivesse falado kkkk

[@davidmeth4284]

A extensão kitty time exibe um video aleatorio de gatinho no editor, acho engraçado... uso tb a browser preview(um browser dentro do vscode),rest client(testo a api dentro do vscode e os testes ficam dentro do projeto) e tb a extensao read time(leio o md dentro do editor)

[@andersonsantos0712]

top vídeo, vai ter do 2022?

[@carlosandre4185]

Onde vocês conseguem o mascote da Hostgator? Tem onde comprar na internet?

[@YohanMarques]

alguma extensão para deixar a letra do folder colorida igual ao de voces ? valeu pelos videos estao ajudando muito.

[@FelipeMooura1]

Oi Pessoal estou começando agora no VSCode. E estou com um problema. Quando abro um HTML, as letras com acento não são reconhecidas. Mas quando escrevi um código com os acentos funciona normalmente. Como posso resolver isso?

[@codigofontetv]

Provavelmente seu arquivo foi salvo com o encoding diferente de UTF-8. Para acertar isso você deve abrir o arquivo já com o Encoding certo, ainda existem muitos arquivos com a codificação ISO-8859-1. Espero que ajude. 👍

[@fabioramatis2373]

Adorei a ideia do bookmarks e pomodoro, por sorte existem as mesmas funcionalidades pra vim! ja integrando aqui kkkk

[@kauegoncalves5374]

ganho um inscrito parabéns