Meu VSCode minimalista (extensões, temas e config)

[@weslleyfillipe1532]

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

[@sistemaativo]

baba ovo

[@weslleyfillipe1532]

ta carente, falido? @@sistemaativo

[@AndreBagestan]

@@sistemaativo O cara usando a conta da empresa pra dar trash gratúito

[@leptospiroseclips]

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

[@leptospiroseclips]

​@@AndreBagestanopinião política no caso é procurando brigar com os outros kkkkk mt feio

[@Lucas-vb2vk]

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.

[@fernandinha061]

Muito legal, descobri algumas novas formas de configurar o vscode com esse vídeo

[@sutirk]

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)

[@testemartinstec4284]

ficou bem clean, ultimamente tenho me aventurado no lunarvim e tenho gostado, da linha nvim é o mais inchado mas supre legal e é bem clean

[@diego_maia]

Ficou muito massa!! Agora falta um com o terminal!! Obrigado

[@lucaslinyker1810]

Sim!!! Agora um do terminal também seria 🔝

[@DaviSilvaGuitar]

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

[@agnis0]

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

[@micaelviana]

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í

[@samuelfischerklug]

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....)

[@pedropauloteodoro2602]

Estava cansado da aparência da minha IDE, essa config do diegão ficou excelente, já copiei aqui !!!

[@ronielli_jesus]

rapaz para quem trabalha com notebooks isso é a melhor coisa. S2 S2

[@samuelribeiro17]

Putz, baita mão na roda essa extensão. VsCode ficou lindão!

[@nestor-162]

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í!

[@welly7973]

mais um vídeo massa pra me fazer companhia enquanto faço um relatório de projeto

[@KleberJS]

Vídeo necessário. Parabéns pelo conteúdo!

[@GuilhermeAlmeida-mu7ng]

Que legal cara, fazia tempo que eu tava querendo limpar essa interface do vscode kkk Show de bola, ficou perfeito.

[@igorthierry]

Sublime era mto bom kkkk, pura nostalgia.

[@rodrigonovaes7812]

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!

[@leocarmopereira]

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"!

[@sam9448]

Parabéns Diego, muito bom o conteúdo!

[@systemonitor]

Excelente !!! Ambiente limpo ajuda muito na produtividade

[@gustavovini4048]

Sublime Text, Adobe Dreamweaver. Só Dev das raizes vai conhecer essas pérolas ❤

[@adrielschmitz]

Bons tempos codando arvore B+ no sublimezão da massa kkkkk

[@N4M3L3SS_CH4NN3L]

Mine fav theme is Deep Dark Space. Not perfect, but better than many themes I've seen.

[@euirens]

Muito bom o vídeo, ótimas dicas. Meu vscode ficou menos poluído.

[@bpolegar]

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.

[@virtualcall_0]

Adorei esse vídeo, conteúdo de qualidade.

[@jairfsj]

Vim ou Nvim, isso sim é minimalista.

[@douglasfrb]

Depois que acostuma é difícil sair. Eu comecei só com os motions e já tenho um tempo no nvim + tmux.

[@jefferson8055]

notepad >

[@dev_lucasgalvao]

Cara, troquei o vscode pelo neovim por um bom tempo. Decidi voltar porque configurar debugger (especialmente para js ou ts) é um parto.

[@aleaugusto5832]

Parabéns pelo vídeo!! Conhece MTO!

[@vittorfonsecaserra5728]

Pessoal chegou em um nível de tanto plugin no vscode que já estão começando a voltar para o VIM

[@corona.mp4_946]

Kkkkkkk

[@nathalyaricci]

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

[@dav.i]

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

[@MarcosVinicius-ut3pj]

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

[@umfilipe]

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

[@cardoso0_]

@@umfilipe salvou mano, tava procurando esse comentario kkk

[@victorfigueiredo6031]

descabelou o vscode todo kk vlw pelas dicas.

[@alexandrecolautoneto7374]

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.

[@corona.mp4_946]

Tenho 1 semana no neovim, já aprendi um pouco de lua e configurar atalhos e plugins, e já acho bem melhor que o vscode.

[@calebeaires]

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"

[@ilovemacross]

muito bom, adoro o novo design que os produtos intelij aderiram

[@christoferluiz365]

Por algum motivo isso não funciona aqui pra mim (Linux)

[@katiorrolol]

aqui eu consegui deixar certinho no meio da tela com 28.2%

[@v0idvlr]

o meu centralizou fazendo o seguinte: ".quick-input-widget": "top: 50% !important; transform: translateY(-50%) !important;"

[@marcosduarte6347]

Faz um video configurando o terminal com o fish.

[@yagamikisuke]

Muito bom o conteúdo. Muito obrigado!

[@DanielRodrigues-qk7rp]

Boas Diego, ha algum video onde posso ver todas as extensões necessárias para frontend para usar no vscode? Obrigado

[@ryuogawa10]

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.

[@pirann7003]

Irei testar as configurações aqui, volto em um dia para dizer se meu desempenho melhorou.

[@bruninhogameplays5074]

Nem imaginava que tinha como alterar a aparência do VScode por aí

[@andreobala4552]

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

[@vitormelo22]

Muito bom esse vídeo, excentes dicas.

[@Gui-_-Arauj096]

No caso como faz pra seleciona a linguagem q vai ser usada ? Na sua config aquela "selecionar um idioma" some

[@lucasfranzolin]

Recomendo: - Tema: poimandres - Fonte: Operator Mono Lig

[@raphael.portela]

esse verde é mt ofuscante, to usando min dark

[@cassiamaria7458]

gostei muito do tema. Valeuuu pela dica

[@sombrakey]

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?

[@luanaccioly4930]

vai nas configs de shortcuts (atalhos de teclado) e busca pela opção "View: Open View". Ai adiciona o atalho que vc quer lá.

[@sombrakey]

@@luanaccioly4930 obrigado por responder, consegui alterando diretamente o keybindings.json

[@maatandrade]

boaaa! tava na caça de alguém que teve esse mesmo problema, valeu guys @@luanaccioly4930

[@ryanpantaneiro]

como consigo a jetbrainsmono nerd? tem no google fonts? ou é paga?

[@BrandyWilliam]

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.

[@tiagoferland]

Qual canal da live? Parabéns pelo vídeo

[@umfilipe]

dieegosf na twitch

[@manassesbinga]

Super incrivel exatamente o que eu queria

[@ALEXRUDSONMV]

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?

[@littleghoost]

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.

[@FakeLewis]

"eu tenho o VSCode Insider que é um VSCode de dev" - Fernandes, Diego

[@dieegosf]

kkkk quis dizer ambiente de dev

[@ilovemacross]

kkkkkkkkkk@@dieegosf

[@FakeLewis]

@@dieegosf acontece kkkkkkkk

[@pedrofarias9120]

Pô, meus botões de minimizar, fechar ou expandir sumiram, como resolve?

[@devmariopaglia]

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?

[@joaopedrocarvalho5371]

a mesma coisa aqui, to pesquisando na net e até agora nada, quando eu achar volto aqui.

[@Roma-gw8jl]

Ctrl + Shift + P >Preferences: Open Keyboard Shortcuts

[@devmariopaglia]

@@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

[@Roma-gw8jl]

@@devmariopaglia Ah, sim. Realmente não sei como fazer isso.

[@umfilipe]

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

[@AlessandroLobo]

Eu deixei o meu mais minimalista ainda, desabilitei o monitor programo só com teclado e mouse!

[@schlesser]

tem que tirar o mouse tb, remoto nao tem mouse entao nao faz sentido usar local

[@AlessandroLobo]

Verdade vou tetar isso, boa dica!!@@schlesser

[@zenu5344]

bro como mete o terminal a usar so uma linha? obrigado

[@anashix3283]

ao definir "window.titleBarStyle": "native", o Windows 10 utiliza "title bar & windows border" por padrão. Vocês sabem se existe uma solução para isso?

[@RoCanavesso]

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?

[@adairjuneo2299]

Onde estão rolando essas lives do Diego e do Maykão?! Aqui no KZbin mesmo? ou é um conteúdo exclusivo do Ignite?

[@matheussimoes389]

na twitch

[@highlander4771]

Básicamente a nova UI do Intellij/ Android Studio

[@Vinicius-cm9ud]

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 ;/

[@brunoesposito8573]

Pq quando coloco editor.fontFamily fica em vermelho?

[@robindark]

Alguém sabe qual o atalho para ver a sidebar no linux? seria o ctrl+q que ele diz no vídeo.

[@eduardonobrrega]

descobriu mano?

[@Matheus-pf2uj]

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..

[@jefferson8055]

Boa, mas é na barra lateral

[@guihermeabrantes416]

legal esse fontLigatures ai, pois antigamente tinha que baixar aquela fonte que vinha com essa feat. (FiraCode)

[@DaviSilvaGuitar]

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.

[@MarceloRodrigues-ss1em]

Ensina a configurar o git Diegoooo

[@MarcosVinicius-ut3pj]

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?

[@Balbo404]

Tem como voce sincronizar com o github

[@artecomusic]

Como ele lembrar tudo isso de cabeça é tão rapido e insano de mais

[@lidomarmatos9128]

Fala pessoal, sou novo nessa área de programação, mas interessei muito, alguma dica por onde começar entender?

[@FelpsNinja7]

escolhe uma linguagem e foca nela

[@valberlpsilva]

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?

[@baliestri]

tem que segurar o control

[@bigtutoriais1]

Salve rapaziada. Apliquei algumas das configurações do video, agora meu css não ta funcionado, alguém pode me ajudar?

[@guilhermegirardi]

Que maravilha de video!

[@leopsybm]

sou iniciante, acho que vou fazer no meu vscode, faz sentido usar algumas configuração que foram retiradas no video?

[@samuelfischerklug]

não sei se tem, mas podia ter um video ensinando a configurar o safari também 😅 curti o design do seu

[@DaviSilvaGuitar]

O browser que ele está usando é o Arc - no momento só tem para mac.

[@samuelfischerklug]

@@DaviSilvaGuitar obrigado 🙏🏻

[@vicenzofrusciante5996]

onde acontece essas lives?

[@carlosricardoziegler2650]

Qual a sua configuracao do ARC ?

[@andreforttuna]

Tô tentando contato com o suporte para saber se a formação vai me ajudar a fazer o que eu preciso pro meu negócio, mas ninguém responde. Se conseguirem dar essa atenção...

[@viniciosn95]

O terminal não ficou igual. Além da fonte, tem q instalar alguma extensão?

[@FelpsNinja7]

Vc vai ter q mexer no terminal fora do vscode

[@viniciosn95]

@@FelpsNinja7 tem algum tutorial, ou algum termo específico para eu pesquisar?

[@FelpsNinja7]

@@viniciosn95 kzbin.info/www/bejne/bmXIY4Vro7J_pZosi=f4cwCINBDVWq_AQV

[@FelpsNinja7]

@@viniciosn95 s

[@simaoz]

Galera, essa extensão APC Customize UI++ não está funcionando na versão 1.94 do vscode, recomendo usar a versão 1.93 até resolverem esse bug

[@maurolimaok]

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.

[@Matheus-pf2uj]

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!

[@maurolimaok]

@@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!

[@TiagoSantos-vi5zi]

Fala Devs, alguém sabe qual theme o Diego usa no terminal?

Só pra mim que o Ctrl+Q não da pra selecionar entre as abas do explorer?

[@ThiagoOliveira-yk3sx]

Pra mim também

[@Juanfigueiredo13]

minhas customizações apc pararam de funcionar, tipo eu tenho o apc customizer aqui instalado mas toda customização stylesheet não tá funcionando

[@igorgriedermelo4600]

voce conseguiu solucionar?

[@oCaio__]

Aos poucos os usuários de VScode estão se rendendo ao Vim. ksksksks

[@emanoelinfinity]

Pronto galera, quando alguém perguntar qual a config do vscode que o Diego usa, já temos um link pra mandar!

[@seyadeodin]

isso até semana que vem quando ele já estiver com uma nova

[@thelicht7262]

@@seyadeodin KKKKKKKKKKKKKKKKKKKKKKKKK EXATAMENTE, que atire a primeira pedra quem consegue ficar mais de uma semana com a mesma config

[@vandersonsilva1861]

O meu vscode não está executando arquivo HTML

[@vinimv12]

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

[@guilhermemarques2972]

Se você é estudante, dá uma olhada no IntelliJ IDEA ultimate, muito completa para Java. Papo de aumentar de verdade sua produtividade, recomendo.

[@raimundoclessyo8943]

Bem que eu achei que tava faltando muita coisa para ser o VSCode, mas daí pensei o Mac deve ser diferente.

[@LUKSvideoclips]

Show, gostei, bacana

[@andredeoliveira8986]

FINALMENTEEEEEE

[@lopendex]

Which shortcut do you use in this minute? 7:55

[@KaikSilva_Ss]

Ctrl + Q

[@lincolnsousa8031]

Como faz pra aumentar o espaçamento entre as palavras/caracteres?

[@Lincoln2030]

letter-spacing: --

[@SamuelAlves-ec5jn]

vídeo satisfatório

[@raimundoclessyo8943]

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?

[@gabrielcoutinho5397]

O vscode é feito com o uso do HTML, CSS, etc...

[@guilhermeaguiar2743]

Para mim que o Ctrl+Q não da pra selecionar entre as abas do explorer?

[@lukasdias9766]

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)

[@santanap2]

Qual o nome desse menu que o Diego abre com Ctrl + Q? O meu VSCode por padrão com esse atalho fecha o app, e não achei esse menu pra reconfigurar o atalho... Alguém sabe por favor?

[@umfilipe]

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

[@odevfocado]

ótimas dica!

[@carlosvinicius_bp]

Como coloca essas bolinhas de semáfaro no canto superior esquerdo?

[@helder_msantos]

Teríamos que gastar uns trocados comprando um Mac kkkkkkk

[@raphaelnascimento6725]

o meu cntrl + Q fecha o vscode, n sei pq

[@ThiagoOliveira-yk3sx]

O meu também

[@italogdm]

muita coisa nao funciona no meu mac, tipo o title none =/