Meu VSCode minimalista (extensões, temas e config)
HTML-код
- Опубликовано: 10 янв 2024
- Em SETE ANOS de Rocketseat, você nunca viu isso antes: rseat.in/ENt90Atzj
Quer ter um VSCode focado no código, sem distrações e funcionalidades desnecessárias? Eu te mostro como!
Disponível aqui: gist.github.com/diego3g/b1b18...
-----
Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com.br/
Cadastre-se na nossa plataforma: app.rocketseat.com.br/signup
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat
Em SETE ANOS de Rocketseat, você nunca viu isso antes: rseat.in/ENt90Atzj
Muito legal, descobri algumas novas formas de configurar o vscode com esse vídeo
ficou bem clean, ultimamente tenho me aventurado no lunarvim e tenho gostado, da linha nvim é o mais inchado mas supre legal e é bem clean
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
Vídeo necessário. Parabéns pelo conteúdo!
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....)
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.
mais um vídeo massa pra me fazer companhia enquanto faço um relatório de projeto
Excelente !!! Ambiente limpo ajuda muito na produtividade
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)
Parabéns Diego, muito bom o conteúdo!
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!
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
Parabéns pelo vídeo!! Conhece MTO!
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.
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
Putz, baita mão na roda essa extensão. VsCode ficou lindão!
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í!
rapaz para quem trabalha com notebooks isso é a melhor coisa. S2 S2
Adorei esse vídeo, conteúdo de qualidade.
Muito bom esse vídeo, excentes dicas.
Super incrivel
exatamente o que eu queria
Muito bom o conteúdo. Muito obrigado!
Que maravilha de video!
Que legal cara, fazia tempo que eu tava querendo limpar essa interface do vscode kkk Show de bola, ficou perfeito.
descabelou o vscode todo kk
vlw pelas dicas.
Sublime era mto bom kkkk, pura nostalgia.
Mine fav theme is Deep Dark Space. Not perfect, but better than many themes I've seen.
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.
Faz um video configurando o terminal com o fish.
ótimas dica!
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.
Boas Diego, ha algum video onde posso ver todas as extensões necessárias para frontend para usar no vscode? Obrigado
Show, gostei, bacana
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
ótimo vídeo.
Estava cansado da aparência da minha IDE, essa config do diegão ficou excelente, já copiei aqui !!!
vídeo satisfatório
sou iniciante, acho que vou fazer no meu vscode, faz sentido usar algumas configuração que foram retiradas no video?
FINALMENTEEEEEE
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?
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.
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?
Sublime Text, Adobe Dreamweaver. Só Dev das raizes vai conhecer essas pérolas ❤
Bons tempos codando arvore B+ no sublimezão da massa kkkkk
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?
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 ;/
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 >
"eu tenho o VSCode Insider que é um VSCode de dev"
- Fernandes, Diego
kkkk quis dizer ambiente de dev
kkkkkkkkkk@@dieegosf
@@dieegosf acontece kkkkkkkk
Irei testar as configurações aqui, volto em um dia para dizer se meu desempenho melhorou.
Aos poucos os usuários de VScode estão se rendendo ao Vim. ksksksks
Pô, meus botões de minimizar, fechar ou expandir sumiram, como resolve?
como consigo a jetbrainsmono nerd? tem no google fonts? ou é paga?
Nem imaginava que tinha como alterar a aparência do VScode por aí
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.
Como coloca essas bolinhas de semáfaro no canto superior esquerdo?
Salve rapaziada. Apliquei algumas das configurações do video, agora meu css não ta funcionado, alguém pode me ajudar?
Qual a sua configuracao do ARC ?
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 🙏🏻
bro como mete o terminal a usar so uma linha? obrigado
muita coisa nao funciona no meu mac, tipo o title none =/
Ensina a configurar o git Diegoooo
Pq quando coloco editor.fontFamily fica em vermelho?
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;"
Como ele lembrar tudo isso de cabeça é tão rapido e insano de mais
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
Bem que eu achei que tava faltando muita coisa para ser o VSCode, mas daí pensei o Mac deve ser diferente.
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
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
Cara, tua voz parece a do Kuririn KKKKKKKKKKKKKKKKKKKKKKKKK não consigo imaginar outra coisa, socorro
Qual canal da live? Parabéns pelo vídeo
dieegosf na twitch
Fala Devs, alguém sabe qual theme o Diego usa no terminal?
Top
Onde estão rolando essas lives do Diego e do Maykão?! Aqui no RUclips mesmo? ou é um conteúdo exclusivo do Ignite?
na twitch
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...
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.
Faz um video do ZED
Como usar o debbuger assim??
o apc customize não funcionou para mim, uso o windows.
O meu vscode não está executando arquivo HTML
Usava o sublime e o atom rss
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?
onde acontece essas lives?
Básicamente a nova UI do Intellij/ Android Studio
Recomendo:
- Tema: poimandres
- Fonte: Operator Mono Lig
esse verde é mt ofuscante, to usando min dark
gostei muito do tema. Valeuuu pela dica
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
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?
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
O cara tá usando Arc Browser. Como não se apaixonar? hahaha
Só pra mim que o Ctrl+Q não da pra selecionar entre as abas do explorer?
Pra mim também
Neovim
Neovim é o melhor, eu uso com lazy.vim config pq sou preguiço cansei de configurar na mão.
@@jairfsj tenho minha configuração de anos e ja uso o lazy.vim para gerenciar os pacotes, porem estou ficando preguiçoso . acha esta valendo a pena fazer essa transição para o lazyVim? (nunca chegguei a usar configs prontas mas essa parece legal)
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)
Traz as suas extensões também
Alguém sabe qual o atalho para ver a sidebar no linux? seria o ctrl+q que ele diz no vídeo.
descobriu mano?
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
essa JetBrainsMono Nerd Font n to achando em lugar nenhum
que nome lindo : )
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
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!
Identico ao fleet