Programar Mais Rápido e Ser Mais Produtivo no Visual Studio Code (VSCode)
HTML-код
- Опубликовано: 24 авг 2024
- ✅ 𝗔𝗚𝗢𝗥𝗔 𝗘𝗨 𝗧𝗘𝗡𝗛𝗢 𝗨𝗠 𝗖𝗨𝗥𝗦𝗢 😍
▸ Olha que massa que ficou: curso.dev/
Para transformar o Visual Studio Code de um editor de código simples para uma IDE é facinho facinho com as infinitas extensões disponíveis 😂 mas isso pode mais atrapalhar do que ajudar. Então esse vídeo é a minha busca em entender quais extensões VSCode vão me ajudar a programar mais rápido e ser mais produtivo. O bom é que este compilado serve para qualquer linguagem de programação, então se você está na busca de qual a melhor ide para programar ou qual melhor editor de código, o VS Code criado pela Microsoft vai ser uma ótima alternativa open source. Curiosidade: eu usava o editor Vim, então vai ser uma experiência interessante.
✅ 𝗚𝗢𝗦𝗧𝗔 𝗗𝗘 𝗡𝗢𝗧𝗜𝗖𝗜𝗔𝗦 𝗦𝗢𝗕𝗥𝗘 𝗧𝗘𝗖𝗡𝗢𝗟𝗢𝗚𝗜𝗔?
▸ Então você vai pirar nisso: filipedeschamp...
✅ 𝗢𝗟𝗛𝗔 𝗤𝗨𝗘 𝗠𝗔𝗦𝗦𝗔!
▸ Se essas conversas aqui estão fazendo você perceber coisas diferentes no seu código, ou na sua profissão de desenvolvedor, considera se tornar um Membro da Turma. É muito massa porque dá pra ter uma conversa muito mais próxima e discutir coisas bem diferentes e super importantes do nosso dia a dia: www.youtube.co...
✅ 𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟
▸ Preguiça: Descobri Como Consertar o Meu Maior Problema
• Descobri Como Conserta...
▸ 3 Técnicas Que Eu Uso Para Aprender a Programar Qualquer Coisa
• 3 Técnicas Que Eu Uso ...
▸ SOLID fica FÁCIL com Essas Ilustrações
• SOLID fica FÁCIL com E...
▸ Eu fiz um dos melhores cursos de Programação do Mundo!
• Eu fiz um dos melhores...
▸ Desafio: 10 projetos rápidos para treinar Programação e conseguir um Emprego
• Desafio: 10 projetos r...
✅ 𝗟𝗜𝗡𝗞𝗦 𝗖𝗜𝗧𝗔𝗗𝗢𝗦 𝗡𝗢 𝗩Í𝗗𝗘𝗢
▸ Os 3 Livros Que Fizeram Eu Não Desistir da Programação
• Os 3 Livros Que Fizera...
▸ 3 Técnicas Que Eu Uso Para Aprender a Programar Qualquer Coisa
• 3 Técnicas Que Eu Uso ...
*PERA!!!!!* - Antes de ler os comentários, olha que *massinha* que ficou meu *Curso de Programação* curso.dev To muito orgulhoso, sério 🎉 🎉 🎉
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.
Boa mano. Eu ia fazer isso agora mas fui ver se alguem já não tinha feito.
Nem todo herói usa capa
Traga um premio para esse cara... kkk
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?
Mais alguem bateu uma print dessa extenções?
Começo o vídeo: "Não acho que extensões podem mudar muita coisa"
Termino o vídeo: "7376368 extensões instaladas"
AHHAHAHAHHAHAH 😂
😂😂😂
HAHAHAHA Boaaa
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 RUclips. Forte Abraço!
Vi uma extensao que voce deixa seu Vscode como o Vim, me falaram que psicopatas fazem isso .... hahaha Brinks
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
hahahahahahahah 😂
KKKKKKKKKKKKKKKKKKKKKKKKK
Eu saio comentando até funcionar kkkk
@@douglas_lessa Eu vou deletando tudo que vejo pela frente 😂
quem nunca
- 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.
Todo Tree e Local history, ajudam e muito!
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.
Showwwww Rodrigo 😍 vamo pra cimaaaa!!!
E aí cara, ja aprendeu aprendeu a programar?
@@gustavohoreste Tamo aí na jornada.
@@novators to começando agora
Foco e trabalhar para fota
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.
Showwww José!!! Matou a pau!!! 😍
Show!! Valeu pelas dicas.
Show! Obrigado pelas dicas, José.
muito bom
valeu Jose, era o que estava procurando, mostrar o nome do aquivo que geralmente é uma imagem, para add o nome => Path Autocomplete:
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.
Excelente sugestão David, se eu me adaptar 100% ao editor, faço um vídeo sobre isso, com certeza!!
Eu uso os atalhos do Netbeans no VSCode Kkkkk....
Boa
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
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.
hahaha verdade
hahahhahha 😂
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.
"Eu descobri como conseguir sair do Vim" KKKKKKKKKKKKKKKKKKKK
😂 😂 😂
já vi gente resetando o PC p sair do Vim...
@@anderberin oloko kkkkk
mas descobriu como voltar para ele com extensão kkk
Foi uma quebra de expectativa,gerando humor 👍
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 RUclips. kkkk
Trabalho com Análise de Dados e Data Science.
Extension: Python, consegue rodar códigos em Python e jupyternotebook direto no VSCode.
Showww. Partiu instalar extensões. Haha.. Vamo que vamo..
kkkkkk showwww!!! 😍
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)
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.
@@fvgoya muito obrigado, vou olhar sim
Showwww xará!!!
E Fernando, eu to vendo MUITA gente falando bem do Notion 👍
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.
@@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!!
Só um comentário simples... Filipe você é incrível :D
Tamo juntooooo Willyyyyyyyy 🤝
@@FilipeDeschamps ❤️
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.
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.
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
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.
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)
Show!! Valeu pela ajuda Nelson 👍
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.
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!
Showwwww António, seja super bem vindo aqui meu caro 👍
Só eu que vejo o vídeo em todas as minhas contas do RUclips e dou like em tudo também? 😂😂😂
Vou instalar todas as extensões, valeu! ❤️
ahahahah valeuuuuuu Rizzonhooooooo 😍😍😍😍😍😍😍😍
tem que ser membro de todas tambem, ai vc pega o chefao no final do jogo
Dicas fantásticas Felipe adorei as extensões
Esses dias fiquei meia hora fazendo debug do código pra achar esse erro kkkkk
Caraca, assisto seu canal a tanto tempo e nunca percebi que não era inscrito? Como pode??
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
6:09 quem nunca não é? hahaha... Exelente vídeo Filipe!!!
kkkkkkkk 😂 clássico 👍
Me identifico demais! kkkkk
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
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!!
A "Remote - SSH" é uma mão na roda pra abrir um server ou vm como ambiente de desenvolvimento direto no VS Code
kkkk acabou de aparecer uma demanda para mim que preciso usar ssh , porém nunca tinha trabalhado antes com ssh. Obrigado pela dica !!!
@@CarlosHenrique-gc3wl se vc tiver windows instala ssh via chocolatey, se vc instalar no site oficial vai dar pau! ja to avisando
Massa Deivis 😍
Eu uso essa extensão para programar remotamente minha Raspberry Pi. Muito bom.
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.
Seus vídeos e suas edições são muito boas, continue sempre
Valeuuu Ian!!
Valeu, ajudou bastante, instalei muitas das extensões mostradas.
Felipe, tu é o cara... Abraço, meu jovem!
Esse ai das tags... meu amigo, salvou muito.
ahhahaha show 😍
Muito bom, Filipe!! Obrigado por compartilhar isso com a comunidade.
Ps: Achei que ia citar o tema Omni da Rocketseat 🌚✨💜
Showww 😍 eu não cheguei a testar, mas de fato to vendo muita gente falar bem, muito massa isso 😍 👍
@@FilipeDeschamps vale a pena, não me arrependo.
Eu começei a programar faz pouco tempo e to aprendendo muita coisa com vc
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!
Parabéns. Excelente conteúdo :D. Uma coisa interessante também é a configuração da propriedade FontLigature (e o uso da fonte Fira Code). 😁
Fira Code ❤️ - Uso MUITO! hehe
Massa 😍
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 👍🏻
8:43 no linux, o atalho pra utilizar um marcador é Ctrl + Alt + K
Muito obg pelo conteúdo. Estou sempre acompanhando seus vídeos.
Tentei no Windows 10 e só funcionou com esse comando que você sugeriu (Ctrl + Alt + K)
Valeu :)
Cara, esse canal é para mim a "Bíblia do Dev".
Muito obrigado Filipe!
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
"Azul bonitão e até um amarelão massa" kkkkkkkkkkkkkkkkkkk
😂
Cadê os QAs daqui?
Quais extensões vcs utilizam?
Gustavo, interessantíssimo! Não tinha pensando em extensões por essa perspectiva 👍
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
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
Eaí mano, você avançou bastante em programação?
Eae deu tudo certo?
Agora só ta faltando a extensão do Spotify pra eu não precisar abrir mais nenhum app além do VSCode 😂
0:40 aquela piadoca de respeito kkkkkkkkk
😂
Que qualidade absurda do video e do apresentador! Parabens!
Eu fico fascinado olhando os movimentos das mãos do Filipe durante as explicações kkk 👐🏻
😂 😂 😂 se amarrar minha mão eu não consigo falar
1:30 "então começando pelo começo" 😹😹😹😹😹
😂
Então dá pra começar pelo fim? kkkk
Seus vídeos está simplesmente assim
if() {
}
Sem condição 👏👏👏😻
hahahahahahahahahahahahahahahaha 😂
KKKKKKKKKKKKKKKK
Sensacional essa settings sync. Tenho o VSCode instalado no notebook pessoal, da empresa e no desktop. Sempre fugia uma extensão ou outra.
Sensacional pra mim que sou iniciante fiquei impressionado com o que o VScode é capaz. Parabéns Filipe obrigado por tudo..
VS Code é coisa linda de Deus! (Mas eu ainda prefiro o VS tradicional)
hhahahaha showww 😍
AAAAAAAAAAAAAAAAAAAAAAAAAAAAA COMENTEI ANTES DE ASSITIR MESMO!
😂 😂 😂 😂 😂
Ahhhhhh, eu tava esperando esse vídeo a diassssss, Thankssssssss.... Vou ficar na espera por um específico do HTML e do Javascript 👊🏻🧡
Showwwww 😍
✅ *GOSTA DE NOTÍCIAS SOBRE PROGRAMAÇÃO E TECNOLOGIA?* Então você vai pirar nisso: filipedeschamps.com.br/newsletter
O Bracket Pair Colorizer 2 está descontinuado.
Ótimo vídeo.
Uma correção referente ao Bookmark, para Windows o comando é Ctrl+Alt+K
Arrasou com as dicas pro vscode!!!
Agora vai ficar maneiro usar o vim dentro do vscode!
Não vou mais conseguir sair do vim
Se assistisse esse vídeo no dia que fiz a Nwl week e add as extensões,certeza que nem seria o noobdev mas sim o intermediate dev,grato Champss!
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
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!!!
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
Showwww!!! 😍
Eu tenho 12 anos e vc e a unica pessoa que explica bem
Os vídeos do Filipe tá em outro nível, conteúdo, qualidade da câmera, iluminação, áudio. Parabéns pela qualidade !
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.
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!
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.
"delicinha das galáxias" hahahahahah 😂 👍
Que isso heim parceiro, representou agora kkkkk to iniciando na programação , mas só essas dicas salvou minha carrera kk
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
Tamo junto nessa caminhada 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.
Vídeo sensacional Filipe!! Obrigado pelo conteúdooo
Gostei muito da extensão para colorir as brackets!
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.
Muito obrigado, Filipe! Sensacional o spell checker! Sempre quis algo assim! Valeu! 😁😁
Showwwww 😍
Esta de parabens mano! Continue com o seu trabalho, pq, nos brasileiros, estamos precisando de mais conteudos de qualidade como o seu! Parabens
Trabalho bastante com Docker, então a extensão Docker é muito bom para o dia a dia.
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.
Mano vc e inteligente vc explica muito bem vc me motivou e eu vou começar a fazer no meu canal videos de programaçao e engenharia da computação
Eu amo extensões e sempre quis um vídeo seu sobre elas! Você sempre nos surpreendendo! hahaha Obrigado Felipe!
hahahah que massa 😍
sou iniciante na programação mas esse video ajudou demais, tem muita coisa que ainda não entendo, mais é muito daora valeu
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.
Nossa , as empresas devem ser oferecer altos salarios pra ele , manja muito felipe.
Para quem utiliza Python, recomendo o Python Docstring Generator e o indent-rainbow
Tema mt daora pra vscode é o panda syntax
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
Ó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!
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.
Caraca, amei todas as dicas, com certeza vão me ajudar muito!🙏🏽😍
Showwww!!!
Maratonando os videos sobre produtividade e organização, teu conteúdo é de muita qualidade cara, vlw mesmo!
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.
Esse vídeo tá delicinha demais, show!!! Traga mais vídeos de lista pro canal. É muito bom esse tipo de conteúdo. Top!!
Showwww meu caroooo 😍
Extensões top do vscode
1.color high
2.material Icon theme
3.Bracket Pair Colorizer 2
4.Unofficial Material Icon Theme
5.Visual Studio IntelliCode
6.code spell checker
7.Auto Rename Tag
8.Tabnine - Code Faster
9.Code Spell Checker
10.Brazilian Portuguese Code Spell Checker
11.REST Client
12.SQL Server (mssql)
13.Tailwind CSS IntelliSense
14.tema: Dark
15.firebase
16.Live Server
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.
Showww!!! 👍
Uma extensão muito legal que aprendi com o Diego da Rocketseat foi o ESLINT, indico!
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
Mano.... 0:40 essa edição com risada do Chaves é sensacional!!! hahahahahahaahah tive que pausar o video pra comentar isso
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!!
Eu comecei a receber propagandas de uma extensão chamada Tunder Client, que é um cliente REST também, e a interface dele no VS Code é bem da hora, parece ser uma extensão bem da hora também, não é nada popular mas parece ser boa
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".
Caraca, quanta extensão massinha que eu não conhecia! Adorei o vídeo
Que showww Caio 😍😍😍😍😍