12 Dicas Rápidas para usar o VS Code como Profissional // Mão no Código #27

o ala c d f você assim como nós é apaixonado pelo ps code adora conhecer todos os truques e todos os craques pra te deixar ainda mais produtivo nessa ferramenta então fica com a gente se tem uma coisa que desenvolvedor hoje é tecla de atalho nada melhor do que a gente aprendeu a utilizar nossa própria ferramenta de trabalho e ser cada vez mais produtivo nela hoje nós separamos 12 dicas para você trabalhar converse code de forma mais profissional então sem mais delongas vamos ao ver se consigo abril vamos a primeira dica é bem simples eu

acho que todo mundo já deve conhecer que é utilizar o comando code nada mas é um comando para você entrar no veículo utilizo muito ele o legal do code é que se você também não tiver nada no seu projecto e você colocar code barra meu projeto barra index.hu tml ele vai automaticamente criar toda essa estrutura e o arquivo assim você salvar dentro do ps com os tombos testar eu tenho aqui um repositório do gatsby porque eu baixei aqui pra minha máquina se colocar como de gatsby é porque é o nome da pasta ele já aparece

aqui com que lindo então vamos a segunda dica que ele é tão importante que ela está ali na colinha da página principal do vasco o dió o control cifft romã rolex a paleta de comando acho que todo mundo que usa o véu esconde tem que dominar a paleta de comandos a gente pode esconder que os nossos arquivos porque nessas dicas a gente praticamente não vai utilizar o mouse no contra o xixi p a gente ativa paleta de comando e aqui a gente pode rodar comandos internos do vs code e também comandos de extensões que a

gente instalou por exemplo a gente tem aqui em extensão do kit instalado então a gente pode target e voltar vou estar aqui disponíveis vários comandos do bits gente dita rotor que a gente tem aqui também extensão do flattr ele vai trazer para a gente alguns comandos do fruto é utilizar a paleta de comandos é simplesmente a forma mais produtiva de se trabalhar com o vasco a terceira dica também está na cola viu gente é o contra o pt mas não é à toa não por favor gabriel contra o pl for mais fácil você navegar pelos

seus arquivos encontrar os seus arquivos nesse caso aqui por exemplo vou pegar aqui ots com o mouse tá só uma licença só vocês verem esse projeto ele é bem grande então basta sê páginas e páginas e páginas muitas partes e às vezes fica difícil às vezes se encontrar com o control p a gente pode digitar a pasta a w só se por exemplo a gente consegue encontrar rapidamente os arquivos se eu quiser que só os arquivos de s por exemplo já traz aqui pra mim se eu colocar a eu quero todos os arquivos edson estão

dentro de w não necessariamente na nessa partida mas nas sub pastas também então é uma forma muito prática e rápida de encontrar os arquivos do seu projeto além disso se você colocar ali o ponto de interrogação ele vai abrir várias possibilidades o que você pode fazer ainda neste contra o pt ea gente parte até pra próxima dica que na verdade a utilização do arroba exatamente o seu abrir um arquivo que a gente utilizar o contra o p a arroba ele já vai mostrar pra gente todos os elementos de programação que esse arquivo tem seja função

construtores atributos métodos qualquer coisa ali ele traz na ordem foi gerado no arquivo não é que foi modificado mas se você colocar os dois pontos depois do arroba ele já subiu de vídeo você consegue visualizar lá não a tem tantos métodos são de propriedades as classes então já traz uma forma organizada por tipo nem do que foi feito e com a seta você consegue navegar na programação e rapidamente popular entre os elementos então se eu quero vir aqui por exemplo variável próprio times aqui ó ele já cai aqui onde foi definido rapidamente a eu tô

aqui com o inep porque a rouch gueto está aqui justin da gente neste mundo no código ela sempre nos ajuda a trazer conteúdo pra você e garante um serviço de hospedagem de qualidade com planos pra quem quer começar uma idéia e fazer com que ela cresça então esse link logo aqui embaixo na descrição garante um desconto em todos os blocos nossa quinta dica é o famoso contra o shift l quando a gente tem algum elemento por exemplo tem um atributo que chamado file nelson e aí sim eu quero por exemplo substituir todos os lugares que

esse elemento está sendo chamado ele ele se repete eu posso simplesmente selecionar aqui e apertar o controlo shift l ele vai criar um multi cursor e aí uma vez que eu consegui ou troque o nome desse atributo por exemplo ele vai trocar em todos os lugares que ele é chamado então é muito produtivo também é a sexta dica tem muito a ver com produtividade é nossa isso aqui é essencial nos editores de hoje é o que distingue o bloco de notas 10 e 10 de editores como exatamente o que a gente tem aqui por exemplo

esse objeto que o cop né se eu colocar a selic de 11 01 ponto ele já vai trazer pra mim todas as opções disponíveis esse aqui é o intelli sense é utilizando um ponto a gente já consegue ver isso caso vs code ele traz também dependendo do elemento por exemplo se eu colocar aqui em stream um elemento do próprio javascript prototype de que ele já traz pra mim a todas as opções seu é utilizar o contra o espaço ele traz um help também pode trazer e pode esconder e me dá dicas valiosas de como utilizar

aquela função que é tributo para quê serve esse tipo de coisa aqui é o que garante você não fica pulando a gente sem documentação dentro do site e traz muita informação relevante aqui pra gente na hora de programa a próxima dica tem a ver com utilizar o vs conde com um repositório git controle de versão sem criar rapidinho aqui um projeto dentro do terminal eu abro vs code vou colocar aqui algum código e vou salvar aquele vai criar a estrutura é pasta arquivo se eu entrar aqui dentro da minha pasta por exemplo de um geek

schmidt ele já vai criar um repositório para mim me deu nesse caso e até fechar e abril o vs coube novamente agora com o control shift g eu consigo já têm acesso a muitos comandos do kit que internamente eu posso adicionar esse meu arquivo por exemplo no stade eu posso fazer um convite usar um control entre aqui comentou tem várias opções aqui é de push pull checkout tem várias coisas legais os teste também o nome interessante que ele traz é seu abrir o arquivo né o tac o index fizer alguma modificação a meu novo título

salvar o próprio ps code vai mostrar pra gente que houve uma mudança no projeto em relação à última versão ela solta né e se eu tenho uma modificação aqui o modificado seu clicar duas vezes ele mostra essas mudanças aqui ele faz um gol de diferença entre os arquivos então isso é muito legal muito rápido prático é claro que isso também dá pra ser feito no próprio terminal mas você olhar dessa forma que visualmente é muito mais produtivo próxima dica é bem prática também para o dia a dia para você utilizar muitas vezes mais de uma

tela é que a ajuda então a gente utiliza o control colchete a verdade contra o fast conceitos né sobrou arquivo aqui eu vou abrir outro eu posso colocar o contra o fecho com chute ele já vai duplicar ele está aberto mas dividiu a tela eu posso até abrir outros arquivos aqui ó trabalhar com dois ou três ou até mais arquivos aberto é o quanto a sua loucura permitir ilegal de saque por exemplo para quem tem monitor contra o wydad aqui é muito produtivo também ajuda bastante está com um arquivo html css e aberto um lado

o outro dsb atuado bem legal agora nossa 9ª dica a gente vai começar o control c control v dinamite vai nos agradecer e é justamente quando a gente tem aqui por exemplo um código ou um bloco de códigos em algum lugar eu tenho um bloco aqui eu quero movê ele pra baixo pra cima sem precisar recortar e colar eu simplesmente possa utilizar com o out ea seta então ele já move pra mim isso não é isso deixa bem mais produtivo também e ajuda bastante na hora da gente morrer e códigos rapidamente eu só e alinhada

a essa dica vem a décima dica que na verdade pra você duplicar os códigos então você utiliza o mesmo ao tsé tinha só que com shift exatamente estão vindo assim claro na hora que a gente tem aqui um código por exemplo posição no curso aqui eu quero colocar esse código com out shift para baixo ou para cima ele clone esse código se eu quiser pegar um bloco inteiro e quiser clonar ele também é a mesma coisa nossa décima primeira dica extremamente utilizado por todos nós o control aspas simples eu chamo de plic é também tem

gente que fala picles 2 é o control picles ela só ele abre o terminal integrado é só dentro do ps code e ele tem várias funcionalidades não só o terminal pra você executar comandos aquilo sem precisar sair do vs code infecções mas também ele traz é algumas coisas como o console de buggy out putiton acontecer faz print dentro do código vai trazer aqui algumas coisas no caso aqui eu estou usando aqui um tom rodando um aplicativo sozinho no flu ter se tiver algum problema aqui ó de alguma propriedade ou um uma função algum problema de

até de falta de um ponto e vírgula tem aqui nessa área o problema anos e já vai trazer pra gente em que lugar tal problema no código basta a gente e ele já manda pra gente na exatamente na linha onde está o problema então o control clique para mostrar e esconder é muito prático também é a última mas não menos importante é para justamente a sessão de banga é isso aí encontrou shift de a gente tem acesso aqui já que a gente tem uma aplicação rodando aqui a gente consegue ter acesso aqui as variáveis de

conseguem xvii e é ficar observando é mudanças em algumas variáveis também fazer caltech e usar também os break points a gente pode marcar aqui um break point e ele vai tá aqui ó criado aqui neste cantinho essa parte não vence code de debug é bem completa e imensamente produtivo então é isso aí pessoal espero que vocês tenham gostado da nossa dica se inscreva no canal se você ainda não é cdf e deixa o seu leque se você gostou desse vídeo e das nossas dicas se você tem outras dicas pra nos dar por favor deixe e

é claro que a gente só colocou 12 na verdade ficaria que até amanhã os pés colocando tudo quanto é teclas de atalho e tudo que tem de interessante no vasco onde aliás a gente deixou aqui na descrição um link para um pdf do própria microsoft né que que disponibiliza todas as teclas de atalho que estão disponíveis dentro do veículo estão vale a pena dar uma olhadinha e de repente alguma que você não conhecia você passa a usar isso aí gente então até a próxima beijo tchau