Top 10 Dicas de VS Code // Use o VS Code Como um Profissional

191.85k views1091 WordsCopy TextShare
Tiger Codes
Mouse? NOOB. Teclado? Pro. Neste vídeo, você vai conferir 10 dicas que te farão usar o Visual Studio...
Video Transcript:
o editor de código mais popular do mundo e isso não é novidade agora se você está usando o seu Mouse enquanto uso vs code você está fazendo isso errado Assista esse vídeo até o final para ver 10 dicas que vão fazer você usar esse editor de código de maneira profissional você vai conferir atalhos extensões truques para usar apenas o seu teclado enquanto você viesse code e assim melhorar a produtividade se você é novo aqui deixa o like se inscreva comente E compartilhe esse vídeo para ele chegar para mais pessoas então sem mais enrolações Bora para
o vídeo para começar vamos falar sobre como você geralmente copio uma linha control Ctrl funciona mas não é a forma mais ideal de se fazer isso em vez disso Experimente pressionar chip de Alt seta para cima ou para baixo no seu teclado assim você copia a linha para qualquer direção que você quiser e ainda não precisa tirar a mão do teclado tá Nicolas Mas e se eu quisesse colocar a linha em outro lugar eu ainda assim teria que selecionar a linha copiar e colar onde eu quero não necessariamente o segundo truque que eu quero te
ensinar é como mover uma linha sem tirar a mão do teclado e é muito mais simples do que você imagina basta pressionar a tecla Alt e escolher qual direção você quer levar sua linha se é para cima ou para baixo assim você faz isso em segundos e a sua produtividade vai a mil o Nicolas e se eu quiser apagar uma linha não nem pense em fazer dessa forma você pode fazer de um jeito muito mais fácil basta apertar ctrl shift Car eu sei que parece um atalho meio louco mas você vai se acostumar com ele
logo logo e uma vez que você se acostuma você nunca mais seleciona e apaga com delete o atalho a seguir eu já usei muito na minha vida muitas vezes no código a gente tem uma palavra repetida e a gente quer selecionar todas elas mas tem preguiça de ficar indo procurar uma por uma se você apertar Ctrl d o seu editor automaticamente vai procurar próximo ocorrência e assim você consegue fazer uma multicelessel surge uma dúvida e se eu quiser fazer uma multi seleção mas a palavra que eu quero selecionar não é igual para isso vamos para
o próximo truque o multi-cursor se você segurar a tecla Alt e clicar ou selecionar a palavra que você quiser você vai poder editar em múltiplos lugares mesmo que eles tenham palavras totalmente distinta Isso é muito bom tudo bem que para esse você precisa usar o seu Mouse Mas relaxa não precisa da hate nos comentários vamos agora entrar em Zayn molde com Usain mod o seu foco fica totalmente no código e no seu trabalho assim você evita distrações chatas como uma janelinha do navegador piscando ou algo do tipo e ainda é ótimo para deixar o editor
em tela cheia eu uso a todo momento Principalmente quando eu vou gravar para entrar em zamod basta pressionar contra o carro seguido da tecla Z para sair é só apertar esc duas vezes a próxima dica que eu quero mencionar é um inteligência e esse não podia faltar nessa lista até a licença e nada mais é do que um nome bonito para Alto preenchimento sabe quando você tá no CSS por exemplo você tem uma propriedade mas não lembra qual valores exatamente que você tinha que colocar ali se você apertar Ctrl espaço o seu editor ele vai
dar sugestões para você preencher com valores isso funciona não somente em CSS mas também no html no java script tudo isso é feito por baixo dos planos usando Type script no próprio você precisa saber aqui é você não precisa ficar se matando de pensar você pode tentar Auto Completar com as próprias dicas e sugestões que eu viesse Cold da como se fosse mais ou menos o auto completar do teclado ou até mesmo do buscador do Google agora a gente vai falar sobre extensões a primeira delas é o live por review o Live preview é da
Microsoft substituiu o antigo Live server e as vantagens dessa extensão é que diferente do Live server por exemplo você não precisa mais ficar dando contra o resto toda hora um live por dia só de você colocar uma alteração no código sem salvar ele já mostra o perfil para você no navegador E por falar em navegador você nem precisa mudar de janela Você pode abrir a própria janela do navegador nuvens code olha quão louco é isso eu já usei bastante aqui no canal é muita gente perguntou como eu fazia isso então tá aí a resposta agora
Seguindo para a próxima e penúltima dica a gente vai falar sobre Boniteza não vi as coisas e essa dica estende algumas sub dicas dentro dela por exemplo para tirar capturas de tela bonitas do seu você pode usar o Code Snap esse Cold Snap vai tirar um print do seu código como se ele tivesse dentro de uma janelinha ou caixinha ela é muito bonita porque ela lembra a janelinha de pop-up do Mac eu uso bastante Principalmente quando eu preciso de um print do código para colocar num Post meu do Instagram por exemplo bom a gente não
podia deixar de falar de boniteza sem falar do preriel ou traduzindo unitador é uma extensão que formata o seu código para você com ele você economiza horas do seu dia a dia não precisa ficar inventando o código ele já vai deixar tudo bonitinho para você a extensão viesse Cold icons vai deixar todos os arquivos com logo da extensão do arquivo JS seu logo do jazzcript sou da HTML vai ser o logo do HTML e assim por diante ela é muito bonita para deixar tudo bem padronizado Eu gosto bastante de usar ela também e seguir nós
podemos falar sobre temas pessoal de algumas dicas de temas muito bonitas para usar no viés code tem o tema Mônica High com trash que tem um contraste bonito tem um tema Andromeda é um tema átomo Dark mas um dos temas que é o Drácula isso porque eu sou apegado a ele mesmo eu gosto muito do estilo de paleta que ele tem mas tem uma sempre uma questão de gosto Então vai de cada um agora pulando para a próxima dica a gente vai falar sobre a extensão geech
Related Videos
Aprenda CSS Position em 10 Minutos - Tutorial CSS para Iniciantes
10:35
Aprenda CSS Position em 10 Minutos - Tutor...
Tiger Codes
44,284 views
Como usar o VS CODE para programar? Guia COMPLETO e RÁPIDO!
15:16
Como usar o VS CODE para programar? Guia C...
Rafaella Ballerini
51,334 views
Goodbye, VS Code! Meet the Cursor AI Editor (No Regrets)
16:15
Goodbye, VS Code! Meet the Cursor AI Edito...
Programação Web
85,408 views
Meu VSCode minimalista (extensões, temas e config)
19:33
Meu VSCode minimalista (extensões, temas e...
Rocketseat
347,401 views
Como Digitar MUITO Mais Rápido (100 Palavras Por Minuto)
8:14
Como Digitar MUITO Mais Rápido (100 Palavr...
Eduardo Voucher
26,424 views
12 EXTENSÕES DO VS CODE OBRIGATÓRIAS - EXTENSÕES PARA AUMENTAR A PRODUTIVIDADE EM 2024
26:09
12 EXTENSÕES DO VS CODE OBRIGATÓRIAS - EXT...
Matheus Battisti - Hora de Codar
34,380 views
Como criar um jogo SIMPLES usando JavaScript e HTML | JavaScript para iniciantes - Tutorial
33:28
Como criar um jogo SIMPLES usando JavaScri...
Manual do Dev
1,023,135 views
Aprenda HTML em apenas 5 MINUTOS (2023)
5:01
Aprenda HTML em apenas 5 MINUTOS (2023)
Tiger Codes
32,862 views
CONFIGURANDO SEU VS Code: Extensões e Configurações que você PRECISA ter
33:06
CONFIGURANDO SEU VS Code: Extensões e Conf...
Fernanda Kipper | Dev
59,931 views
O mínimo que você precisa saber para não ser burro no front end - Criando um Todo App com JavaScript
16:49
O mínimo que você precisa saber para não s...
Tiger Codes
10,024 views
New Junior Developers Can't Actually Code
26:47
New Junior Developers Can't Actually Code
ForrestKnight
8,390 views
Dominando Display Flex | Guia para iniciantes
47:57
Dominando Display Flex | Guia para iniciantes
DevClub | Programação
16,992 views
5 TRUQUES DO VS CODE PRA VOCÊ USAR AINDA HOJE!
14:00
5 TRUQUES DO VS CODE PRA VOCÊ USAR AINDA H...
Código Fonte TV
118,255 views
Como FUNCIONA cada MALDITA LINGUAGEM DE PROGRAMAÇÃO?
4:48
Como FUNCIONA cada MALDITA LINGUAGEM DE PR...
JovemScript
242,430 views
HTML + CSS NA PRÁTICA 🔥 Faça seu primeiro site
16:19
HTML + CSS NA PRÁTICA 🔥 Faça seu primeiro...
Adriana Saty
549,476 views
Curso completo de HTML - seu PRIMEIRO SITE DO ZERO para iniciar em PROGRAMAÇÃO!
1:31:32
Curso completo de HTML - seu PRIMEIRO SITE...
Rafaella Ballerini
114,103 views
As 8 principais extensões do VS Code para ser Mais Produtivo | OnebitTools | Onebitcode
9:56
As 8 principais extensões do VS Code para ...
OneBitCode
33,725 views
A Realidade de um Programador BR que Mora nos EUA há 8 anos 🇺🇸🇧🇷
11:57
A Realidade de um Programador BR que Mora ...
Pedro Passos
295,419 views
Aprenda JAVASCRIPT em apenas 5 MINUTOS (2023)
5:24
Aprenda JAVASCRIPT em apenas 5 MINUTOS (2023)
Tiger Codes
166,896 views
VS Code para Iniciantes
16:46
VS Code para Iniciantes
Refatorando
166,893 views
Copyright © 2025. Made with ♥ in London by YTScribe.com