Meu VSCode minimalista (extensões, temas e config)
ฝัง
- เผยแพร่เมื่อ 8 ก.พ. 2025
- Conheça a pós-graduação Tech Developer 360 da Faculdade de Tecnologia Rocketseat: rseat.in/FTR
Quer ter um VSCode focado no código, sem distrações e funcionalidades desnecessárias? Eu te mostro como!
Disponível aqui: gist.github.co...
-----
Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com...
Cadastre-se na nossa plataforma: app.rocketseat...
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
TikTok: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat
Diego, tu é o coracao da Rocket. Eu acompanho o conteudo de IA, Python, Native, mas cara, a sua didatica me faz apaixonar por reactjs todo dia, obrigado por existir
baba ovo
ta carente, falido? @@sistemaativo
@@sistemaativo O cara usando a conta da empresa pra dar trash gratúito
Ontem eu vi uma conta de gravadora de música dando opinião política, esses cara deve ter merda na cabeça, depois nego da hater na músicas de artista que tem nada haver e a galera fica se entender@@AndreBagestan
@@AndreBagestanopinião política no caso é procurando brigar com os outros kkkkk mt feio
Muito legal, descobri algumas novas formas de configurar o vscode com esse vídeo
Julgando por esse vídeo, o diego ia amar usar o neovim. Interface mais minimalista possível, nada pra te distrair na tela, os menus só aparecem quando vc aciona o atalho deles, e ainda nem precisa dessa árvore de arquivos ocupando o lado esquerdo, usando fuzzy find pra abrir os arquivos(telescope), e pode remover as abas lá em cima, usando atalhos pra abrir os arquivod pinados (harpoon)
Ficou muito massa!! Agora falta um com o terminal!! Obrigado
Sim!!! Agora um do terminal também seria 🔝
o terminar externo que ele usa é o Warp - so tem pra mac no momento, no VSCode o terminal integrado acredito que seja o iTerm com zsh ou o fish
Vlw pelas dicas diegao, tu é o cara. Apesar de ser algo "simples", adaptar nosso ambiente de trabalho de uma forma que a gente gosta é algo dahora
ficou bem clean, ultimamente tenho me aventurado no lunarvim e tenho gostado, da linha nvim é o mais inchado mas supre legal e é bem clean
Unica coisa que eu mudaria é o minimapa que pra projetos grandes é bem útil.
Eu colocaria em autohide em vez de hide, assim ele fica escondido mas ainda dá pra usar.
Gostei muito do vídeo, geralmente eu uso o Neovim, mas se eu fosse usar o vscode de novo eu ia configurar desse seu jeito aí
Podia ter uma playlist com recomendações das suas extensões, config, customizações no vscode, no seu hambiente de trabalho no geral (terminal, no proprio sistema op, etc....)
Estava cansado da aparência da minha IDE, essa config do diegão ficou excelente, já copiei aqui !!!
Muchas gracias! No sé hablar portugués pero entendí todo a la perfección. Muy buena configuración, limpia y minimalista como me gusta a mí!
mais um vídeo massa pra me fazer companhia enquanto faço um relatório de projeto
Vídeo necessário. Parabéns pelo conteúdo!
18:45 "cara, são *basicamente* essas configurações..." diz o cara depois de *dissecar* o VS Code. Fico imaginando como serão as configurações "avançadas"!
Putz, baita mão na roda essa extensão. VsCode ficou lindão!
rapaz para quem trabalha com notebooks isso é a melhor coisa. S2 S2
Diego, muito legal esse video! Deu pra dar uma espiada no seu terminal também, se puder fazer um videozinho do seu terminal seira legal! Valeu demais!
Parabéns Diego, muito bom o conteúdo!
Adorei esse vídeo, conteúdo de qualidade.
Excelente !!! Ambiente limpo ajuda muito na produtividade
Sublime era mto bom kkkk, pura nostalgia.
legal seu video, algumas coisas achei meio desnecessárias, mas outras muito úteis, e já copiei. E Ahh! Obrigado pelo RayCast, sei que vc não indicou no vídeo, mas achei muito mais interessante que Spotlight e o Alfred.
Muito bom o vídeo, ótimas dicas. Meu vscode ficou menos poluído.
Parabéns pelo vídeo!! Conhece MTO!
Sublime Text, Adobe Dreamweaver. Só Dev das raizes vai conhecer essas pérolas ❤
Bons tempos codando arvore B+ no sublimezão da massa kkkkk
Muito bom o conteúdo. Muito obrigado!
"eu tenho o VSCode Insider que é um VSCode de dev"
- Fernandes, Diego
kkkk quis dizer ambiente de dev
kkkkkkkkkk@@dieegosf
@@dieegosf acontece kkkkkkkk
descabelou o vscode todo kk
vlw pelas dicas.
5:04, como que faz pro c[odigo ficar invisivel assim, sem contar
Mine fav theme is Deep Dark Space. Not perfect, but better than many themes I've seen.
No caso como faz pra seleciona a linguagem q vai ser usada ? Na sua config aquela "selecionar um idioma" some
Cara, eu demorei 3 meses pra aprender a mexer no VIM, agora VScode parece travado. conseguir editar usando so o teclado aumenta muito a produtividade.
Tenho 1 semana no neovim, já aprendi um pouco de lua e configurar atalhos e plugins, e já acho bem melhor que o vscode.
infelizmente, a Microsoft acabou com a extensão Apc. caso alguém não esteja conseguindo usar as configurações da extensão, saibam que a atualização de agosto de 2024 do VSCode fez com que o Apc não funcione mais, e se fizer downgrade a extensão é desativada automaticamente. o desenvolvedor do Apc já disse que a solução seria reescrever a extensão inteira (e não tem tempo pra isso) ou abrir um PR pra integrar as customizações nativamente no VSCode
A melhor parte infelizmente não funciona
Que legal cara, fazia tempo que eu tava querendo limpar essa interface do vscode kkk Show de bola, ficou perfeito.
Nem imaginava que tinha como alterar a aparência do VScode por aí
Muito bom esse vídeo, excentes dicas.
07:58 - Crtl+Q só fecha meu editor, alguém sabe qual o nome desse comando no editor de atalhos? Pra poder abrir esse menu que aparece no vídeo
workbench.action.quickOpenView
Só pesquisar isso nos keybindings e colocar outro atalho, ou o próprio ctrl+q, mas daí tem que tirar o outro comando
@@umfilipe salvou mano, tava procurando esse comentario kkk
Vim ou Nvim, isso sim é minimalista.
Depois que acostuma é difícil sair. Eu comecei só com os motions e já tenho um tempo no nvim + tmux.
notepad >
Cara, troquei o vscode pelo neovim por um bom tempo. Decidi voltar porque configurar debugger (especialmente para js ou ts) é um parto.
Irei testar as configurações aqui, volto em um dia para dizer se meu desempenho melhorou.
Super incrivel
exatamente o que eu queria
Que maravilha de video!
O terminal não ficou igual. Além da fonte, tem q instalar alguma extensão?
Vc vai ter q mexer no terminal fora do vscode
@@FelpsNinja7 tem algum tutorial, ou algum termo específico para eu pesquisar?
@@viniciosn95 th-cam.com/video/84e2R5nMLo8/w-d-xo.htmlsi=f4cwCINBDVWq_AQV
@@viniciosn95 s
Parabéns pelo conteúdo, mas, como um "velha guarda", não dá pra deixar de falar:
-- Por ANOS eu pedia um mini-map pra me localizar no arquivo. NÃO TIRE!
-- Eu não troco um comando de teclado por um rápido movimento de mouse, ou seja, NÃO TIRE A SIDE BAR
-- Pra uma rápida localização, e pra rápida assimilação, Breadcrumbs é ESSENCIAL (e as pastas compactas idem, aí eu TENHO A CERTEZA que a pasta está vazia).
Clean não acompanha a essência de produtividade. É muito pessoal.
E, como eu tenho em equipe o pessoal do estágio, que sempre vive perdido no código, eu falo que elas precisam, em primeiro lugar, se localizar no código.
top, parabens
Vídeo interessante. Esses dias estava ajustando alguns componentes do vscode e removi bastante componentes que não uso. Seria interessante um plugin para instalar e aplica todas essas configurações.
Bem que eu achei que tava faltando muita coisa para ser o VSCode, mas daí pensei o Mac deve ser diferente.
Faz um video configurando o terminal com o fish.
FINALMENTEEEEEE
Aos poucos os usuários de VScode estão se rendendo ao Vim. ksksksks
Eu deixei o meu mais minimalista ainda, desabilitei o monitor programo só com teclado e mouse!
tem que tirar o mouse tb, remoto nao tem mouse entao nao faz sentido usar local
Verdade vou tetar isso, boa dica!!@@schlesser
ótimas dica!
Uma mini mudança. Fazer o quick action ir para o centro da tela, como no Webstorm: dentro do apc.stylesheet ".quick-input-widget": "font-family: Monolisa; top: 20% !important"
muito bom, adoro o novo design que os produtos intelij aderiram
Por algum motivo isso não funciona aqui pra mim (Linux)
aqui eu consegui deixar certinho no meio da tela com 28.2%
o meu centralizou fazendo o seguinte: ".quick-input-widget": "top: 50% !important; transform: translateY(-50%) !important;"
Em 8:00
O atalho CTRL + Q fecha o VSCode ao invés de abrir o menu da activityBar
Alguém sabe qual o atalho certo ou como configurar?
vai nas configs de shortcuts (atalhos de teclado) e busca pela opção "View: Open View". Ai adiciona o atalho que vc quer lá.
@@luanaccioly4930 obrigado por responder, consegui alterando diretamente o keybindings.json
boaaa! tava na caça de alguém que teve esse mesmo problema, valeu guys @@luanaccioly4930
Pessoal chegou em um nível de tanto plugin no vscode que já estão começando a voltar para o VIM
Kkkkkkk
Mas pra ter um ambiente decente pra codar no vim/neovim tbm precisa de uma caralhada de plugins. No caso do vídeo é algo apenas estético
Alguém consegue me dizer como colocar a font nerd no terminal integrado, no windows? coloquei igual no vídeo e não está aceitando
Como ele lembrar tudo isso de cabeça é tão rapido e insano de mais
Cara, tua voz parece a do Kuririn KKKKKKKKKKKKKKKKKKKKKKKKK não consigo imaginar outra coisa, socorro
Onde estão rolando essas lives do Diego e do Maykão?! Aqui no TH-cam mesmo? ou é um conteúdo exclusivo do Ignite?
na twitch
como consigo a jetbrainsmono nerd? tem no google fonts? ou é paga?
legal esse fontLigatures ai, pois antigamente tinha que baixar aquela fonte que vinha com essa feat. (FiraCode)
ainda precisa baixar, se vc não usan fonts que tenha ligatures não vai funcionar, a font que ele a JetBrains tem suporte a ligatures por isso fontLigatures funciona.
bro como mete o terminal a usar so uma linha? obrigado
Meu CTRL + Q fecha o VS Code, alguém sabe como chama na configuração dos shortcuts a opção que abre aquele menu lateral porém em formato de lista?
a mesma coisa aqui, to pesquisando na net e até agora nada, quando eu achar volto aqui.
Ctrl + Shift + P >Preferences: Open Keyboard Shortcuts
@@Roma-gw8jl não amigo, a questão é como abrir exatamente aquelas opções que ele mostra no vídeo que são exatamente as mesmas dos ícones do menu lateral principal, pode ver que ele oculta o menu para poder usar via comando, porém no vídeo ele fala que acessa com. CTRL + Q, já aqui esse comando fecha o VS Code
@@devmariopaglia Ah, sim. Realmente não sei como fazer isso.
workbench.action.quickOpenView
Só pesquisar isso nos keybindings e colocar outro atalho, ou o próprio ctrl+q, mas daí tem que tirar o outro comando
Show, gostei, bacana
vídeo satisfatório
To em man mt bom
Opa man tudo bem? Como ta? Cara, eu adorei o VS desse jeito que vc deixou, a unica coisa q me irrita MUITO sao essas caixas de texto que o VS disponibiliza qnd vc fa digitando algo, as vezes sao de explicação ou ent de uso doq vc ta digitando, eu ODEIO e n sei tirar, vc sb como?
valeu pelo vídeo mano. ouvi dizer que o vscode não é a melhor opção para aprender java. concorda com isso? o cara disse que no mercado ninguém usa vscode e por isso é bom aprender em um ambiente que as empresas utilizam
Se você é estudante, dá uma olhada no IntelliJ IDEA ultimate, muito completa para Java. Papo de aumentar de verdade sua produtividade, recomendo.
Qual canal da live? Parabéns pelo vídeo
dieegosf na twitch
existe alguma extensão wysiwyg para o visual studio code que eu possa editar o html visualmente? em tempo real, na página mesmo ou só dá pra editar no código e ir visualizando no live preview?
Fala rapaz!
Eu estou dando meus primeiros passos ainda, e usando o VSCodium. É o VSCode sem a telemetria da Microsoft envolvida.
O AUTOCOMPLETE acaba ajudando, o que atrapalha o meu aprendizado. Estou no HTML ainda.
O ideial, eu acho, é fazer tudo manualmente pra poder criar um pouco de musculatura mental sobre a coisa.
Sabe como desabilitar esse autocomplete, ao menos temporariamente?
Obrigado.
Colega não se fixe em "decorar" as tags, principalmente html..
entenda para que serve cada coisa, fixe exercendo as funcionalidades de cada uma e parta para o próximo conteúdo!
@@Matheus-pf2uj Nem estava tentando.
Eu sou absolutamente contra decorar qualquer coisa.
Eu ensino inglês pelo Skype, e ponho muita ênfase nesse ponto também!
Recomendo:
- Tema: poimandres
- Fonte: Operator Mono Lig
esse verde é mt ofuscante, to usando min dark
gostei muito do tema. Valeuuu pela dica
alguém sabe como aumentar o tamanho do texto onde fica as pastas os arquivo ali no "Explore"?????
ótimo vídeo.
Ensina a configurar o git Diegoooo
que nome lindo : )
Básicamente a nova UI do Intellij/ Android Studio
Totalmente iniciante e não consigo deixar meu vscode igual o do Mayk na video aula do discover. configurei certinho mas aquela tela dividida com a pasta projeto arrastada para parte do canto não consigo fazer haha ;/
sou iniciante, acho que vou fazer no meu vscode, faz sentido usar algumas configuração que foram retiradas no video?
Pô, meus botões de minimizar, fechar ou expandir sumiram, como resolve?
07:52 Ctrl + Q fechando o vscode aeuhauehuaheu
não sei se tem, mas podia ter um video ensinando a configurar o safari também 😅 curti o design do seu
O browser que ele está usando é o Arc - no momento só tem para mac.
@@DaviSilvaGuitar obrigado 🙏🏻
Fala pessoal, sou novo nessa área de programação, mas interessei muito, alguma dica por onde começar entender?
escolhe uma linguagem e foca nela
"Diego: ensina remover time line e outline
1 minuto depois Yfasty: como tira timeline".
Tem burro pa tudo KKK
Como faz pra aumentar o espaçamento entre as palavras/caracteres?
letter-spacing: --
esse arquivo JSON das configs o VSCode Sincroniza automático, ou preciso manter um bckp dele pra aplicar caso faça uma formatação reinstale o VSCode?
Tem como voce sincronizar com o github
o control+q no meu vscode no linux fecha a tela ao inves de aparecer a barra superior que ele mostra no 8:02, alguem sabe a alternativa pra isso?
tem que segurar o control
Traz as suas extensões também
onde acontece essas lives?
Alguem sabe o nome da classe do popup quando passo o mouse em cima de um element e mostra aquelas janelinhas? Quero alterar elas, o padding, cor de fundo e fonte.
Ai galera, dá para criar um Pefil, ali na barra inferior só procurar.. assim deixa um tema para essa versão clean ai ou as vezes para alternar entre desenvolvimento em reac/next para laravel por exemplo..
Boa, mas é na barra lateral
minhas customizações apc pararam de funcionar, tipo eu tenho o apc customizer aqui instalado mas toda customização stylesheet não tá funcionando
voce conseguiu solucionar?
Qual a sua configuracao do ARC ?
Pronto galera, quando alguém perguntar qual a config do vscode que o Diego usa, já temos um link pra mandar!
isso até semana que vem quando ele já estiver com uma nova
@@seyadeodin KKKKKKKKKKKKKKKKKKKKKKKKK EXATAMENTE, que atire a primeira pedra quem consegue ficar mais de uma semana com a mesma config
Só pra mim que o Ctrl+Q não da pra selecionar entre as abas do explorer?
Pra mim também
Para mim que o Ctrl+Q não da pra selecionar entre as abas do explorer?
dependendo do s.o muda esse eu uso no ubuntu:
- Explorer: `Ctrl + Shift + E`
- Extensions: `Ctrl + Shift + X`
- Search: `Ctrl + Shift + F`
- Source Control: `Ctrl + Shift + G`
- Run and Debug: `Ctrl + Shift + D`
- Terminal: `Ctrl + ` (backtick)
Alguém sabe qual o atalho para ver a sidebar no linux? seria o ctrl+q que ele diz no vídeo.
descobriu mano?
Como coloca essas bolinhas de semáfaro no canto superior esquerdo?
Teríamos que gastar uns trocados comprando um Mac kkkkkkk
Pq quando coloco editor.fontFamily fica em vermelho?
Fiquei a semana passada inteira tentando deixar o vscode parecido com o Fleet kkkkk
CSS na interface do VS Code? Devtolls para especificar elementos dentro do VS Code? Como assim não entendi? Isso não é para desenvolvimento Web?
O vscode é feito com o uso do HTML, CSS, etc...