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!
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.
- 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.
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.
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.
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.
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.
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!!
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.
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.
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
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!!
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
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!
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
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.
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
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 👍🏻
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!
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.
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)
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
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
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.
Ó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!
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.
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
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!!!
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.
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
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.
Filipe, duas perguntas: 1. Você fez um vídeo comparando o TabNine com o Visual Intellicode? 2. Como você fez para aparecer aquela caixa de pesquisa na hora de pesquisar a configuração pra ativar o spell checker em português? Deixo como feedback você deixar graficamente no vídeo o atalho que usou, ou mencionar na hora que estiver fazendo. Acontece que para quem estar começando às vezes isso é bem difícil de entender, então considerando que tem diversos tipos de programadores vendo seus vídeos, é uma coisa a se pensar não? Isso também tem a ver com acessibilidade, até aquelas bolinhas coloridas no ponteiro são uma boa. Obrigado pelo conteúdo. :)
Fala Thiago! Sobre seus pontos: 1. Eu não fiz ainda, mas não vai precisar, porque o Github Copilot está anos luz a frente das duas soluções. É uma experiência muito melhor, mais precisa e generalista. Sugiro pedir acesso ao beta e testar, tenho certeza que não irá se arrepender 👍 2. Excelente ponto meu caro, MUITO obrigado pelo retorno e faz total sentido! No caso do VSCode, os atalhos estão muito atrelados ao seu sistema operacional, mas uma forma unificada para acessar aquela área é clicando no menu principal lá em cima chamado "View" e depois selecionando a opção "Command Palette" 🤝
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
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.
Sugestão de tema para o VS code: SynthWave '84 , depois de instalado é só pressionar F1 e digitar " Enable Neon Dreams ". Sim agora você tem um tema que literalmente brilha feito neon! ahuahuhahah e é bom nos olhos especialmente para alguém com problemas de atenção como eu.
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.
Olá Felipe, muito bom o seu vídeo, porém ouve um equivoco na parte do bookmark onde você disse: "alt + windows + k", onde na verdade é " ctrl + alt + k" e no que você disse "alt + windows + j/l" na verdade é: "ctrl+alt+ j/l" ou simplesmente seleciona e clica com o botão direito em cima e seleciona a opção que deseja.
Um que gosto muito é o Material Icon Theme. Ele mostra ícones específicos de acordo com o tipo de pasta ou extensão do arquivo :) Nossa xará, valeu mesmo, você deu uma "tunada" no meu VSCode. Tá show de bola, essa de sincronização é a cereja do bolo ein. Uso VM, e depois de instalado, consegui sincronizar todos os VCCodes. #gratidão 🙏
Massa xará 😍 e eu não instalei o Material Icon Theme, porque na instalação do VS Code que eu to aqui já aparecem vários ícones, mas vou reavaliar essa extensão, valeu pelo toque 👍
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
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!
Trabalho com web e comecei a falar delicinha demais por causa do Felipe, pra qualquer coisa que se relacione a coisa boa, nos papos com a familia, amigos e no trabalho UAHAUHAUHAUHAUAH. Abraço!!
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!!
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
Só uma correção Filipe, a extensão do Spell Checker que vc baixou é a Portuguese, que leva a correção baseado em Portugues de Portugal. Existe uma Chamada "Brazilian Portuguese - Code Spell Checker" que é a correta
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.
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".
Ae Filipe, uma extensão que uso é a es6-string-html e es6-string-css para identificar códigos html e css em js. Já o que não uso mas tenho é o 3D viwe for VScode glTF Tools, quem sabe um dia eu use kkkkk
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.
Muito Filipe, já uso o VS Code há um tempo e tbm não usava muitas extensões, mas essas realmente ajudam muito na produtividade! Vou usar muito a do spell checker! Valeus!
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
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
*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
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:
- 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
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
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.
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 😂
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!!
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
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.
Trabalho com Análise de Dados e Data Science.
Extension: Python, consegue rodar códigos em Python e jupyternotebook direto no VSCode.
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.
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.
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
6:09 quem nunca não é? hahaha... Exelente vídeo Filipe!!!
kkkkkkkk 😂 clássico 👍
Me identifico demais! kkkkk
Sensacional essa settings sync. Tenho o VSCode instalado no notebook pessoal, da empresa e no desktop. Sempre fugia uma extensão ou outra.
Dicas fantásticas Felipe adorei as extensões
Esses dias fiquei meia hora fazendo debug do código pra achar esse erro kkkkk
Ótimo vídeo.
Uma correção referente ao Bookmark, para Windows o comando é Ctrl+Alt+K
"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 👍
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!!
✅ *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.
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
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
Caraca, assisto seu canal a tanto tempo e nunca percebi que não era inscrito? Como pode??
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.
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 👍
Esse ai das tags... meu amigo, salvou muito.
ahhahaha show 😍
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
Seus vídeos e suas edições são muito boas, continue sempre
Valeuuu Ian!!
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.
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 :)
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
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 👍🏻
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!
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.
Felipe, tu é o cara... Abraço, meu jovem!
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 👍
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!
"Azul bonitão e até um amarelão massa" kkkkkkkkkkkkkkkkkkk
😂
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
Agora só ta faltando a extensão do Spotify pra eu não precisar abrir mais nenhum app além do VSCode 😂
Valeu, ajudou bastante, instalei muitas das extensões mostradas.
Seus vídeos está simplesmente assim
if() {
}
Sem condição 👏👏👏😻
hahahahahahahahahahahahahahahaha 😂
KKKKKKKKKKKKKKKK
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!!! 😍
0:40 aquela piadoca de respeito kkkkkkkkk
😂
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.
VS Code é coisa linda de Deus! (Mas eu ainda prefiro o VS tradicional)
hhahahaha showww 😍
Ahhhhhh, eu tava esperando esse vídeo a diassssss, Thankssssssss.... Vou ficar na espera por um específico do HTML e do Javascript 👊🏻🧡
Showwwww 😍
1:30 "então começando pelo começo" 😹😹😹😹😹
😂
Então dá pra começar pelo fim? kkkk
Ó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!
Cadê os QAs daqui?
Quais extensões vcs utilizam?
Gustavo, interessantíssimo! Não tinha pensando em extensões por essa perspectiva 👍
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 😂 👍
AAAAAAAAAAAAAAAAAAAAAAAAAAAAA COMENTEI ANTES DE ASSITIR MESMO!
😂 😂 😂 😂 😂
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
Cara, esse canal é para mim a "Bíblia do Dev".
Muito obrigado Filipe!
Nossa , as empresas devem ser oferecer altos salarios pra ele , manja muito felipe.
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?
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!!!
Arrasou com as dicas pro vscode!!!
Agora vai ficar maneiro usar o vim dentro do vscode!
Não vou mais conseguir sair do vim
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!!! 👍
Eu começei a programar faz pouco tempo e to aprendendo muita coisa com vc
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
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.
Filipe, duas perguntas:
1. Você fez um vídeo comparando o TabNine com o Visual Intellicode?
2. Como você fez para aparecer aquela caixa de pesquisa na hora de pesquisar a configuração pra ativar o spell checker em português? Deixo como feedback você deixar graficamente no vídeo o atalho que usou, ou mencionar na hora que estiver fazendo. Acontece que para quem estar começando às vezes isso é bem difícil de entender, então considerando que tem diversos tipos de programadores vendo seus vídeos, é uma coisa a se pensar não?
Isso também tem a ver com acessibilidade, até aquelas bolinhas coloridas no ponteiro são uma boa. Obrigado pelo conteúdo. :)
Fala Thiago! Sobre seus pontos:
1. Eu não fiz ainda, mas não vai precisar, porque o Github Copilot está anos luz a frente das duas soluções. É uma experiência muito melhor, mais precisa e generalista. Sugiro pedir acesso ao beta e testar, tenho certeza que não irá se arrepender 👍
2. Excelente ponto meu caro, MUITO obrigado pelo retorno e faz total sentido! No caso do VSCode, os atalhos estão muito atrelados ao seu sistema operacional, mas uma forma unificada para acessar aquela área é clicando no menu principal lá em cima chamado "View" e depois selecionando a opção "Command Palette" 🤝
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
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.
Os vídeos do Filipe tá em outro nível, conteúdo, qualidade da câmera, iluminação, áudio. Parabéns pela qualidade !
Sensacional pra mim que sou iniciante fiquei impressionado com o que o VScode é capaz. Parabéns Filipe obrigado por tudo..
Sugestão de tema para o VS code: SynthWave '84 , depois de instalado é só pressionar F1 e digitar " Enable Neon Dreams ". Sim agora você tem um tema que literalmente brilha feito neon! ahuahuhahah e é bom nos olhos especialmente para alguém com problemas de atenção como eu.
As extensões Docker e Kubernetes são as maiores obras de arte já feitas no vscode
Mano.... 0:40 essa edição com risada do Chaves é sensacional!!! hahahahahahaahah tive que pausar o video pra comentar isso
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.
Que qualidade absurda do video e do apresentador! Parabens!
Que isso heim parceiro, representou agora kkkkk to iniciando na programação , mas só essas dicas salvou minha carrera kk
Olá Felipe, muito bom o seu vídeo, porém ouve um equivoco na parte do bookmark onde você disse: "alt + windows + k", onde na verdade é " ctrl + alt + k" e no que você disse "alt + windows + j/l" na verdade é: "ctrl+alt+ j/l" ou simplesmente seleciona e clica com o botão direito em cima e seleciona a opção que deseja.
Um que gosto muito é o Material Icon Theme. Ele mostra ícones específicos de acordo com o tipo de pasta ou extensão do arquivo :)
Nossa xará, valeu mesmo, você deu uma "tunada" no meu VSCode. Tá show de bola, essa de sincronização é a cereja do bolo ein. Uso VM, e depois de instalado, consegui sincronizar todos os VCCodes. #gratidão 🙏
Massa xará 😍 e eu não instalei o Material Icon Theme, porque na instalação do VS Code que eu to aqui já aparecem vários ícones, mas vou reavaliar essa extensão, valeu pelo toque 👍
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!
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!
Trabalho com web e comecei a falar delicinha demais por causa do Felipe, pra qualquer coisa que se relacione a coisa boa, nos papos com a familia, amigos e no trabalho UAHAUHAUHAUHAUAH.
Abraço!!
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 amo extensões e sempre quis um vídeo seu sobre elas! Você sempre nos surpreendendo! hahaha Obrigado Felipe!
hahahah que massa 😍
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
Só uma correção Filipe, a extensão do Spell Checker que vc baixou é a Portuguese, que leva a correção baseado em Portugues de Portugal. Existe uma Chamada "Brazilian Portuguese - Code Spell Checker" que é a correta
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.
Trabalho bastante com Docker, então a extensão Docker é muito bom para o dia a dia.
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".
Ae Filipe, uma extensão que uso é a es6-string-html e es6-string-css para identificar códigos html e css em js. Já o que não uso mas tenho é o 3D viwe for VScode glTF Tools, quem sabe um dia eu use kkkkk
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.
Eu tenho 12 anos e vc e a unica pessoa que explica bem
sou iniciante na programação mas esse video ajudou demais, tem muita coisa que ainda não entendo, mais é muito daora valeu
Esta de parabens mano! Continue com o seu trabalho, pq, nos brasileiros, estamos precisando de mais conteudos de qualidade como o seu! Parabens
Muito Filipe, já uso o VS Code há um tempo e tbm não usava muitas extensões, mas essas realmente ajudam muito na produtividade!
Vou usar muito a do spell checker!
Valeus!
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
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
Cara eu entrei agora para faculdade de TI e esse canal tem criado muita expectativa em mim
Para quem utiliza Python, recomendo o Python Docstring Generator e o indent-rainbow