Aprenda segredos de código do Visual Studio

1. Introdução do curso: Se você está usando o editor de código do Visual Studio e deseja aumentar sua produtividade , essa aula é estrangeira Se você quiser explorar os segredos ocultos desse ID , podemos começar nossa jornada. Vamos aprender sobre Amit, paleta comum, atalhos de teclado, espaços de trabalho Essa aula revela segredos ocultos sobre o editor de código do Visual Studio e aprimora sua jornada de codificação Então, finalmente, como você pode ver, estamos na tela do meu computador. E aqui você pode ver, já pesquisamos o VSCode no Google, precisamos visitar este site, code.visualstudio.com Visual Studio Code é um editor de código redefinido e otimizado para criar e desenvolver aplicativos modernos na Web e na nuvem, e é totalmente gratuito e é compatível com a maioria dos sistemas operacionais, Windows, Linux, Macs Este editor é feito pela Microsoft. E ele vem com muitos recursos, como Dvagging, destaque de sintaxe, preenchimento inteligente de código, trechos, refatoração de código Foi lançado pela primeira vez em 2015, quase seis anos, e é pessoalmente meu editor de código favorito. A maioria das pessoas o chama de editor de texto codeditor, caso contrário, ID. Este é o vídeo de introdução do editor de código do Visual Studio. No próximo tutorial, aprenderemos como podemos baixá-lo e instalá-lo. Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 2. Instale e baixe o código VS: Então, bem-vindos de volta, pessoal. Mais uma vez, estou na tela do meu computador. Então, vamos clicar neste site. Ei, lembre-se de que o Visual Studio code e o Visual Studio são diferentes. Não tente baixar o Visual Studio. Você precisa baixar o código do Visual Studio. Como você pode ver, é gratuito, desenvolvido em código aberto e executado em qualquer lugar. E aqui você pode ver as opções de download. Se eu clicar neste Dbrown, aqui você pode ver, você pode baixá-lo para o sistema operacional Windows de Macau, sistema operacional Linux Sou usuário do Windows, então vou baixá-lo para Windows. Vou pressionar o botão de download. Como você pode ver, nossos processos de download são iniciados. O download demora um ou dois minutos, então vou pausar este vídeo Como você pode ver, nosso processo de download está concluído. Mas antes de tentar instalá-lo, vamos ver a documentação. Se você clicar na opção de configuração, aqui poderá ver um método diferente, como configurar o código do Visual Studio em seu sistema operacional. Se você for usuário de Linux, precisará seguir esse método. Da mesma forma, se você for usuário de Mac, precisará seguir esse método. E não é um processo muito difícil. Sou usuário do Windows, então vou seguir esse método. Então, agora vamos abrir a pasta de download e tentar instalá-la. Aqui você pode ver o arquivo Xi do código do Visual Studio. Em seguida, basta pressionar corretamente. Agora você precisa pressionar Abrir, caso contrário, execute como administrador. Você pode escolher qualquer opção. Eu pressiono Abrir. Se tiver tempo, você pode ler o contrato de licença. Caso contrário, você pode continuar com a violação do contrato e, em seguida, pressionar Avançar. Em seguida, você precisa selecionar o local de destino. Você pode instalá-lo em qualquer pasta ou unidade, mas eu gostaria de usar a opção Deford Eu pressiono Avançar. Em seguida, ele solicita a pasta do Menu Iniciar, e eu gostaria de escolher a opção Deford Vou clicar em Avançar. Se você quiser criar um ícone na área de trabalho, precisará ajustar essa opção. Com isso, se você quiser abrir seu arquivo ou pasta, apenas usando a opção Ratti, então você também precisa marcar essa opção e pressionar Avançar novamente Aqui você pode ver as seleções fiscais adicionais. O que já selecionamos em nossa estadia anterior. Em seguida, vou pressionar a opção Instalar. Como você pode ver, nosso processo de instalação já começou e demora um pouco. Aqui você pode ver que nosso processo de instalação está concluído e vou desmarcar o código do Lunch Visual Studio e clicar em Concluir Você não precisa mais dessa configuração x, se quiser excluí-la, sim, você pode. Concluímos nosso processo de instalação e download. No próximo tutorial, abriremos nosso código do Visual Studio pela primeira vez. Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 3. Interface de código do Visual Studio: Olá, pessoal. É bom ver você de volta. É hora de abrir o Visual Studio C. Aqui, pressionarei o botão direito do mouse e pressionarei Abrir. Aqui você pode ver a janela. Se você abrir esse aplicativo pela primeira vez, poderá ver esse tipo de layout. Aqui você pode escolher seu próprio tema. Se você quiser trabalhar com luz fina, pode escolher luz , caso contrário, escuro, caso contrário, alto contraste. Eu gostaria de escolher o escuro, então eu seleciono o tema escuro. Você pode escolher luz e alto contraste, conforme desejar, mas eu gostaria de escolher o escuro. Todos esses são os recursos deste aplicativo e, se você quiser sincronizar com outro dispositivo, pode escolher essa opção. Aqui você pode sincronizar seu aplicativo com outros dispositivos e, em seguida, precisa verificar as opções de atalho Se você gostaria de trabalhar com atalhos, então você pode selecionar este Os atalhos são muito úteis para a produtividade. Isso reduz o tempo de codificação e aumenta a eficiência, e então você precisa verificar o suporte do Reach para todos os seus idiomas Aqui você pode ver todas as linguagens suportadas, Javaspeed Python Java , TypeScript, C plus plus, JSON, Power Shells , Nesta seção, você pode ver como gerenciar seu código? Como você pode escolher suas pastas? Como você pode escolher seus arquivos, etc.? E então eu vou elogiar a próxima seção. Esta não é uma seção muito especial. É só dizer o que você pode fazer com esse aplicativo? Vou verificar todas essas opções. Para produtividade, você pode abrir uma janela lado a lado e instalar o Git Além disso, você pode personalizar seus atalhos. Depois de verificar tudo isso, você precisa pressionar Marcar Concluído. Agora você pode ver essas opções. Nessa seção, você pode criar novo arquivo, abrir um arquivo, abrir uma pasta e também ver seu trabalho recente nesta parte. Além disso, não é uma página muito importante. Se você não quiser ver essa parte novamente, desmarque essa opção e feche esta seção Vamos dividir um pouco esse aplicativo. Caso contrário, você não conseguirá entender adequadamente a barra de navegação e nossos ícones. Frases sonoras Control plus e Control plus novamente. Espero que agora você possa ver isso, eles. Vamos começar. Aqui você pode ver a barra lateral e aqui você pode ver a barra de navegação Caso contrário, você pode chamá-la de atividade Val. Como você pode ver, nossa primeira opção é explodir. Se eu clicar nele, você não verá nenhuma pasta op. Aqui você pode gerenciar suas pastas e arquivos. Nossa próxima opção é a opção de pesquisa. A partir daqui, você pode pesquisar qualquer palavra-chave. Além disso, temos uma opção de substituição. Se você quiser substituir qualquer palavra ou caractere, sim, você pode. Nossa próxima opção é o controle de TI. Caso contrário, você pode chamá-lo de controle de origem. Você pode fazer todas essas coisas relacionadas nesta seção. Vamos falar sobre nossa próxima opção, que é a opção Dvag Se você é programador de Python ou desenvolvedor de JavaScript , seria uma opção muito boa para Você pode depurar seu código nesta seção. Vamos falar sobre nossa próxima opção, que é a extensão. Nesta seção, você pode baixar várias extensões. Como você pode ver suas extensões de instalação nesta seção, instale. As extensões são muito úteis. Isso aumenta sua produtividade e economiza seu valioso tempo. Vamos aprender sobre isso em nossos próximos tutoriais. Nossa próxima opção é a opção de conta. Nessa opção, você pode assinar sua conta e, em seguida, vir a opção mais importante, que é gerenciar. A partir daqui, você pode obter a opção de paleta de comandos. Usando a paleta Common, você pode fazer o que quiser Você pode abrir qualquer arquivo. Se você quiser executar qualquer função partir da paleta de comandos, você pode Se você quiser mudar de tema, sim, você pode. Na paleta de comando, você pode fazer tudo. Vamos falar sobre nossa próxima opção, que são as configurações. Nas configurações, você pode gerenciar o tamanho da fonte de salvamento automático, a família de fontes e o tamanho do toque Você pode alterar várias configurações de acordo com suas necessidades. Vamos falar sobre outra opção importante, que é o atalho do teclado atalhos do teclado são muito importantes nos vistos para seu coordenador Nesta seção, você pode encontrar todos os atalhos e também pode editar as teclas de atalho Se você quiser alterar qualquer tecla de atalho, pressione este ícone de lápis e aqui você precisa digitar seu atalho Eu vou te ensinar mais tarde como podemos mudar esses atalhos? Vamos falar sobre nossas próximas opções. Aqui você pode ver trechos de usos. Nossa próxima opção importante é o tema de cores. Se você quiser mudar o tema, você pode usar este. Suponha que você queira usar um tema mais leve, então você pode usar este. Você pode escolher qualquer tema. É um pré. Eu gostaria de escolher o escuro. Padrão incorreto. Nossa próxima opção é o tema do ícone do arquivo. Se você quiser alterar os ícones do arquivo, aqui você pode alterar os temas dos ícones do arquivo e também pode instalar temas dos ícones do arquivo de acordo com sua necessidade. Essas são as opções de gerenciamento mais importantes que você deve conhecer como iniciante Isso é tudo para este tutorial. Em nosso próximo tutorial, falaremos sobre menusação Obrigado por assistir a este vídeo. Fique ligado no nosso próximo tutorial. 4. Menu de código do Visual Studio: Olá, é bom ver você. Mais uma vez, estou no meu editor de código do Visual Studio e, neste tutorial, aprenderemos nossa seção de menu. Primeiro, você verá o menu de arquivos acima do código do Visual Studio. Se eu clicar na seção de arquivos, você verá uma opção suspensa Aqui você pode ver o Novo Arquivo. Usando essa opção, você pode criar um novo arquivo em seu diretório de pontos atual. Se eu clicar na opção Novo arquivo, basicamente ele criará um arquivo de texto simples. Deixe-me te mostrar. Aqui você pode ver, basta criar um arquivo de texto simples. Por enquanto, não preciso desse arquivo de texto, então vou removê-lo. Vamos ver nossa próxima opção, que é Novo arquivo novamente. Se eu clicar nele, você poderá ver o terminal. Agora você pode criar seu novo arquivo usando o terminal. Você precisa pressionar Control N. Aqui você pode vê-lo criando um novo título de arquivo. Eu não preciso desse arquivo, então eu quero deletá-lo. Vamos ver nossa próxima opção, que é a nova janela. Se eu clicar nele, aqui você pode vê-lo criar outra janela. Às vezes, precisamos de várias janelas para nossos projetos. Vamos ver nossa próxima opção, que é abrir arquivo. Se quiser abrir um arquivo existente, você pode selecionar essa opção. Eu não tenho nenhum arquivo. É por isso que eu não vou clicar nele. Da mesma forma, se você quiser abrir uma pasta, nesse caso, você pode selecionar essa opção, abrir pasta. Então, se você quiser abrir um arquivo do seu Wpress, precisará selecionar essa opção Abra o Wpress a partir do arquivo. Em seguida, ele fornecerá os arquivos recentes. Usando essa opção, você pode selecionar seu trabalho recente. Se você quiser limpar seus arquivos recentes, sim, você pode usar essa opção. Aqui está aberto o arquivo recente. Vamos falar sobre nossa próxima opção, que é adicionar pasta ao seu trabalho. Mas antes que a pergunta seja: o que é local de trabalho? Workpas é a coleção de uma ou mais pastas que são abertas no VSCode Na próxima opção, você pode salvar sua peça de trabalho se quiser duplicá-la usando essa opção e, em seguida, vem a opção Salvar normal, Seb Sebas SIBO, Auto Seb e, em seguida, as preferências da opção Sebas SIBO, Auto Seb e, em seguida, importada. Nessa opção, você pode gerenciar configurações, configurações de serviços on-line, configurações de telemetria, extensões, atalhos de teclado, migrar atalhos de teclado, trechos de usuário, tema de cores, temas de ícones de arquivos, temas de ícones de produtos e também ativar Basicamente, você pode controlar toda essa opção a partir dessas configurações. Aqui você pode ver as configurações semelhantes em nossa opção de gerenciamento. Vamos falar sobre nossa próxima opção, que é fechar a janela. Se você quiser fechar esta janela, basta pressionar esta opção, e nossa última opção é Z. Se você quiser usar o editor de código do Visual Studio, então você precisa pressionar Z. Esta foi a introdução do arquivo Vamos falar sobre Edit Min. Se você clicar em Editar Bo, aqui poderá ver desfazer, refazer, cortar, copiar, colar, localizar, substituir, localizar, localizar arquivos, substituir em arquivos, linhas de toalhas, comando de bloco de toalhas Todas essas opções são muito úteis, mas na maioria das vezes usamos atalhos para isso Vamos falar sobre nossa próxima opção de menu, que é a seleção. Se eu clicar nele, aqui você pode ver, selecione tudo. Para isso, para selecionar todo o seu código, você pode pressionar Control A, e você sabe disso. Em seguida, venha expandir a seleção. Se você quiser expandir sua seleção, pressione a seta para a direita enviada e a próxima é a seleção do santuário Para isso, você precisa elogiar toda a seta esquerda enviada. E aqui vem a linha de cópia abaixo. E aí vem a linha Copy. Usando essa opção, você pode criar a cópia da linha acima dessa linha. Da maneira oposta, temos a linha de cópia para baixo. Essa é a opção mais importante. Ao contrário, temos outra opção que é copiar a linha para baixo. Se você quiser copiar uma linha abaixo da linha atual, nesse caso, você pode usar essa opção. Não se preocupe. Vamos aprender tudo isso em nossa sessão prática. Este é apenas um vídeo de introdução do manubar. Nossa próxima opção é a linha Bob. Usando essa opção, você pode mover uma linha para cima. Da mesma forma, temos outra opção que é Bob line down. Usando essa opção, você pode mover sua linha para baixo. Se você quiser duplicar sua seleção, basta selecionar esta opção, seleção duplicada. Em seguida, venha no cursor acima, nos carros estão abaixo, nos carros estão duas linhas. Nossa próxima opção é adicionar à próxima ocorrência, adicionar à ocorrência anterior, selecionar todas as ocorrências e esterco Vamos falar sobre nosso próximo menu, que é a visualização. Do ponto de vista, você pode abrir a paleta de comando. Além disso, você pode controlar a aparência. Essa é a parte mais importante. Nessa seção, você pode alterar o layout do aplicativo. Se você quiser torná-lo totalmente cutâneo, sim, você também pode ativar o Zeno Com isso, você pode centralizar seu layout. E também, se você quiser esconder sua manobra, sim, você pode Basta desmarcar essa opção. Se você quiser mostrar sua barra lateral, deixe-me mostrar se eu marcar esta opção, você pode ver a barra lateral Esta é a seção mais importante que você deve se lembrar. Se você quiser ocultar a guerra de status, desmarque esta opção. Como você pode ver, ele esconde nossa lâmpada de status. Nossa lâmpada de status é muito importante, então vou visualizá-la Aparência, quero mostrar minha lâmpada de status. Além disso, se quiser ocultar a atividade da lâmpada de status, você pode desativar essa opção Agora, se você quiser mostrar o terminal, nesse caso, basta ir até a seção de visualização, aparência e ativar Mostrar painel. Agora você pode ver nosso terminal. Vamos falar sobre nossa próxima opção, aparência, mostrar painel lateral. Se eu escolher essa opção, você poderá ver o painel lateral. Por enquanto, não quero mostrar o painel lateral, então vou abri-lo. Aparência, desamarre o painel lateral. Ei, perdemos outra opção importante, que é palavra de atividade, aparência, mostrar atividade b. Se eu desmarcar essa opção, você verá que não há nenhuma palavra de atividade em nosso lábio. Eu escondo nossa barra de atividades. Quero mostrar minha ala de atividades. É muito importante para mim. Mostrar palavra da atividade. Vamos ver nossas próximas opções. Visualização, aparência, mova a barra lateral para a direita. Aqui você pode ver a barra lateral. Se eu pressionar essa opção, mostrarei que você pode ver a barra lateral no nosso lado direito, mas eu, uma por barra, no lado do lábio, então vou movê-la para o lado do lábio. Vamos ver qual é a nossa próxima opção, ver a aparência. Posição do painel. Se eu fizer isso no laboratório, você pode ver a diferença. Agora você pode ver nosso painel de terminais aberto, no lado esquerdo desta tela. Além disso, você pode alterar a posição do terminal. Aparência e agora eu quero formar um painel do lado direito. Então, pressione para a direita. Agora você pode ver o lado direito do nosso aplicativo, mas é bom colocá-lo na parte inferior. Vou posicioná-lo na posição inferior do painel na parte inferior. Vamos ver nossas próximas opções. Veja a aparência. Nossa próxima opção é alinhar o painel. A partir dessa posição, você pode alinhar o centro do painel e justificar o laboratório corretamente A próxima opção importante é aumentar e diminuir o zoom. Se eu pressionar o zoom, você poderá ver o tamanho da fonte. Isso aumenta o tamanho da fonte. À medida que aumenta o tamanho do layout. Da mesma forma, você pode diminuir o zoom desta seção, aparência Diminuir zoom. Vamos ver nossa última opção de aparição, que é redefinir o Zoom. Se eu clicar nele, ele reiniciará nosso Zoom e voltará à posição padrão. Nossa próxima opção de visualização é o layout ital, e aprenderemos tudo sobre isso em nossa sessão prática. Aqui temos algumas opções. Dividir, dividir, dividir à esquerda, dividir à direita, dividir em grupo, único, duas colunas, três colunas, duas linhas, três linhas, três linhas, grade, duas linhas à direita, duas colunas inferiores e layout deslizante Vamos aprender isso em nossa sessão prática. Quando criamos nosso primeiro arquivo e digitamos o código SM, aplicaremos tudo isso. Vamos falar sobre nossa próxima opção, que é explodir. Se você quiser ativar o explorador, você pode ver que este é o nosso explorador. Isso não é muito importante. Mais uma vez, volto à nossa visão, nossa próxima opção é pesquisar Vence esta opção. Depois vem outra opção importante e depois vem outra opção importante, que é o gerenciamento do controle de origem. A partir daqui, você pode controlar a versão. Se você estiver familiarizado com isso, há uma codificação muito útil. Nossa próxima opção é correr. Se eu clicar nele, você pode ver a opção de execução. É uma opção de depuração malvada. A partir daqui, você pode executar e depurar seu código. Vamos falar sobre nossa próxima opção, que é a extensão, e já aprendemos sobre ela. Podemos baixar a extensão deste local. Vamos ver nossas próximas opções, o que é um problema. Se eu clicar nele, ele abrirá meu terminal e redirecionará meu terminal e redirecionará para a seção de problemas, como você pode ver E nossa próxima opção está pronta. Também é redirecionado para a seção de saída do terminal, depois para o Diva Console e Vamos ver nossas últimas opções de visualização, que são mostrar mapa médio, mostrar câmeras Bet, renderizar Whit press e renderizar caracteres Contle Vamos aprender sobre isso quando iniciarmos nosso núcleo. Vamos falar sobre nossa próxima opção de menu, que é pronto. Herc troca editor, alterna grupo, vá para arquivo, vá para o símbolo Workplace, vá para o editor de símbolos, muitas coisas. Vamos aprender sobre isso quando começarmos nosso código. Nossa próxima opção é correr. Aqui podemos começar a execução de Dvagging sem Dvagging. Você pode adicionar configurações. Você pode ativar Bekcoins. Você pode adicionar novos Bitcoins, ativar todos os pontos de interrupção, desativar todos os pontos de interrupção, remover todos os pontos de interrupção e menu . Nossa próxima opção de menu é terminal, e é muito importante. Se eu clicar nele, nossa primeira opção, novo terminal. Se você quiser criar um novo terminal, poderá selecionar essa opção. Como você pode ver, agora temos um terminal. Mas se você quiser criar outro terminal, vá para a seção terminal e crie um novo terminal. Agora você pode ver que temos dois terminais, este e este. Da mesma forma, se você quiser dividir esses dois terminais, poderá selecionar essa opção. Como você pode ver, lado a lado, temos dois terminais. Nossa próxima opção é executar um rebocador. Se você quiser executar seus rebocadores em seu terminal, você pode selecionar essa opção Em seguida, execute Btugs, execute arquivos ativos, e você também pode executar o código selecionado usando esta opção, executar o texto selecionado e, em seguida, executar tugs, reiniciar a execução de tugs, finalizar tugs Pelo menos configuramos rebocadores, configuramos rebocadores de talão padrão Vamos falar sobre nossa última opção de menu, que é saúde. Se eu clicar nele, primeiro ele mostrará Get Start. Se eu clicar nessa opção, você poderá ver a página Get Start. Em seguida, mostramos nossos comandos. Aqui você pode ver todos os comandos em nosso terminal. E depois vem a documentação, playgrounds editados, nó de lançamento, palavra-chave, preferência de atalho, e você pode ver tutoriais em vídeo Se você quiser ver a versão do seu aplicativo, basta clicar em Uma seção. Aqui você pode ver a versão 1.65 0.2. Além disso, se você quiser atualizar seu aplicativo, aqui estão as opções. Verifique se há atualizações. Portanto, esta é uma pequena introdução à nossa seção de menu. Vamos aprender mais sobre isso quando começarmos nosso treinamento prático. Então, obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 5. Pasta do projeto em vs código: Olá, pessoal. É bom ver você, B. Mais uma vez, estou de volta às minhas visitas ao estúdio Cody Detro. Neste tutorial, aprenderemos como criar a Projeto e abrir a pasta do Projeto Então, vamos ver como isso funciona. Primeiro, você precisa clicar no ícone do Explorer. Se você já tem um projeto , pode elogiar a pasta Abrir. Eu não tenho nenhum projeto. Então, dentro da minha pasta downwarad, eu quero criar outra pasta, nova pasta E o nome da minha pasta é Vs Demo. Eu vou configurar este. Agora você pode ver um painel. Ele pergunta: você confia no autor deste arquivo nesta pasta? Se você confia nessa pasta , marque esta. E clique nesse botão. Sim, eu confio no autor. É isso mesmo. Agora você pode ver em nossa seção Exploer, estamos em nosso diretório de namoro atual e nosso diretório é VS demo Esta é a pasta do nosso projeto. Em primeiro lugar, vou mostrar como podemos criar uma pasta em nosso diretório watting atual Para criar uma pasta em nosso diretório Dorting atual, precisamos clicar neste ícone no ícone da pasta, neste, Nova pasta Se eu clicar aqui, ele perguntará o nome da pasta. Agora precisamos passar um nome de pasta e nosso nome de pasta é CSS. Mais uma vez, quero criar outra pasta, que é Js JavaScript. Caso contrário, você pode criar uma nova pasta usando Rat Click em seu diretório de trabalho atual, Ratli nele, e aqui você pode ver a opção, novo arquivo ou nova pasta Quero criar uma nova pasta. Basta clicar em uma nova pasta e digitar o nome da pasta. Quero criar uma pasta para mídia, então vou digitar Mídia. Como você pode ver, criamos um total de três pastas, CSS, Js e mídia. Suponha que eu queira criar outra pasta dentro da pasta de mídia. Nesse caso, precisamos selecionar a pasta de mídia. Basta clicar na pasta de mídia e agora você pode ver o lado da seta. É descendente. Então, novamente, clique no ícone da pasta e você precisa passar o nome da pasta. E o nome da nossa pasta é imagens. Basta pressionar Anchor. Agora, dentro da pasta de mídia, temos a pasta de imagens. Se eu te mostrar meu gerenciador de arquivos, deixe-me te mostrar. Aqui você pode ver, há uma pasta chamada Bs Demo. Se eu abrir esta, você poderá ver um total de três pastas, mídia CSS Js, e dentro dessa pasta de mídia, temos a pasta de imagens. Espero que não esteja claro para você como funciona. Você precisa se lembrar de uma coisa. Se você quiser criar sua pasta dentro do diretório de trabalho atual, não selecione nenhuma outra pasta. Caso contrário, ele criará uma pasta dentro dessa pasta. Antes de criar a pasta, você precisa clicar em fora e, em seguida, criar sua pasta. Suponha que você selecione a pasta CSS e tente criar outra pasta fora da pasta CSS. Nesse caso, ele não criará uma pasta fora da pasta CSS Você precisa se lembrar de que precisa clicar fora dessa pasta tentar criar outra pasta. Agora vamos criar algum arquivo em nosso diretório de trabalho atual. Para isso, precisamos clicar nesse ícone, no ícone do arquivo, no novo arquivo. Se eu clicar nele, é um bom nome e precisamos fornecer um arquivo com sua extensão. Vou criar um arquivo estável, nosso nome de arquivo é index dot HTML. Se eu definir esse arquivo, você poderá ver a extensão. Aqui você pode ver que criamos nosso arquivo de tabela com sucesso. Agora eu quero criar um arquivo CSS dentro da pasta CSS. Para isso, precisamos selecionar a pasta CSS e, em seguida, elogiar esse ícone, e o nome do nosso arquivo CSS é style dot CSS style dot CSS. E pressione Enter para definir esse arquivo. Como você pode ver, criamos nosso arquivo TML em nosso diretório de trabalho atual e também criamos nosso arquivo de estilo dentro dessa pasta CSS E usando esse ícone, podemos atualizar nossos arquivos e pastas E se você quiser fechar todos os seus arquivos e pastas, basta pressionar este. Este ícone fecha a pasta no Explorer. Você pode ver o resultado. outro método para criar pastas. Além disso, podemos criar pastas usando o Path. Deixe-me te mostrar. Nova pasta, quero criar uma pasta chamada Dave. Demo slash Uma pasta de demonstração insetiva, eu quero criar outra pasta, que é SAS Se eu clicar nele, aqui você pode ver dentro da pasta demo, temos a pasta CS. E se eu mostrar meu diretório de trabalho atual, você poderá ver o resultado. Dentro dessa pasta de demonstração, temos uma pasta CSS. Seguindo esse método, você pode criar arquivos e pastas. Agora vou digitar algum código em nosso documento ESTiml. Aqui vou digitar o sinal de exclusão da forma e, em seguida, vou pressionar Enter Como você pode ver, ele cria um modelo de caldeira estim. Esse é o poder do código VS. Não precisamos digitar várias linhas de código para isso. Eu já crio nossas meta tags. Então, vamos digitar um código dentro da tag body. H está no H, vou digitar hello world. Vou definir esse arquivo usando Control is, e você também pode definir esse arquivo aqui. Vá para o menu Arquivo e diga: Vamos ver nossa próxima opção, que é a opção de pesquisa. Vou clicar no ícone Pesquisar. A partir daqui, você pode pesquisar qualquer coisa. Se eu pesquisar a palavra aqui, Word, ele pesquisará essa palavra em seu projeto ousado. E, como você pode ver, ele encontra a palavra em nosso documento de estimativa. E se você quiser substituí-lo, sim, você pode. Eu quero substituir OR por senhor, olá senhor, SENHOR. Em seguida, vou executar a substituição. Então, eu quero pressionar esse ícone. Aqui você pode ver a caixa de alerta. Pressione uma ocorrência em um arquivo com o senhor, e eu vou pressionar repressivo Agora você pode ver no meu índice esse arquivo de estimativa, ele substitui OR por senhor. Olá, senhor. Portanto, nesta seção, você pode pesquisar e substituir sua palavra-chave em seu projeto do Word. Nossa próxima opção é o Git, e terminamos de vencer e não abordaremos esta seção neste tutorial. É um tópico diferente. Posteriormente, vou criar um tutorial separado para esta seção. E depois vem a Diva. Vamos aprender essa seção mais tarde. Se trabalhamos com um arquivo JavaScript ou um arquivo Python. Então, isso é tudo para este tutorial. No próximo tutorial, abordaremos as extensões. O que é extensão e como podemos instalá-la e usá-la. Então, obrigado por assistir a este vídeo, estátua para nosso próximo tutorial. 6. Extensões de código do Visual Studio: É bom ver vocês. Mais uma vez, estou no meu editor de código do Visual Studio. E neste tutorial, vamos aprender extensões. Agora é, o que são extensões? As extensões do VSCode permitem que você adicione linguagens, divergentes e ferramentas à sua instalação para dar suporte ao seu fluxo Todas essas são extensões populares. Vamos instalar uma extensão, e o nome da nossa extensão é ícone de código VS. Vou digitar ícones. Este, eu quero baixar este. Se eu clicar nele, aqui você pode ver muitas opções. Aqui você pode ver detalhes e recursos dessas extensões. Você pode instalar diretamente a extensão clicando nesse botão. E aqui você pode descobrir qual é a função real dessa extensão? Usando essa extensão, podemos alterar nossos ícones, especialmente ícones de arquivos e ícones de pastas. Vamos instalar essa extensão. Quero clicar no botão Instalar. Depois de clicar no botão Instalar, precisamos esperar muito tempo. E lembre-se de que seu computador deve estar conectado à Internet. Como você pode ver, nossa extensão foi instalada e agora solicita a ativação dessa extensão. Vou selecionar os ícones do VS code e também vou ativá-los. Então, você instala e ativa nossa extensão com sucesso. Depois de concluir o processo de instalação, você não poderá ver o botão de instalação novamente. Você pode ver o botão de desativação, caso contrário, o botão de instalação. Se você não gostar dessa extensão, poderá instalá-la. Caso contrário, você pode desativá-lo. Então, por enquanto, eu não preciso desse espaço, então vou removê-lo. E agora vou entrar na opção Exploder. Aqui você pode ver os ícones. Se você perceber que pode ver, isso alterou nosso ícone de arquivo STL Além disso, mudará o ícone de nossas pastas. Para a pasta CSS, ele exibe o logotipo do CS e, para a pasta JS , exibe o logotipo do J. E se eu abrir a mídia e as imagens, aqui você pode ver o logotipo das imagens. Isso nos ajudou muito a organizar nossos arquivos e pastas. Vamos instalar outra extensão útil, e o nome da nossa extensão é Live Server. Este, Live Server do iYouTube. Se você é desenvolvedor web ou designer, essa extensão é muito útil para você. Vamos instalar essa extensão. Então eu clico no botão Instalar. É hora de instalar. Então você instalou com sucesso nossa extensão de servidor ao vivo. Depois de instalar esta extensão, você pode ver uma opção, entrar no ar. Basicamente, essa extensão criará um servidor ativo para seus aplicativos da web. Se você trabalha com pequenos projetos web , não precisa de softwares volumosos como Zam, web e muitos outros Agora vamos voltar à seção Explode us e tentar abrir nosso documento DeSTL com o servidor Live Index dot TML, e eu quero abri-lo com o Live Server. Então, depois de selecionar esta página, vou clicar no GoLive, como você pode ver, ele cria um servidor ativo e também fornece uma porta Duplo cinco duplo zero. Se eu te mostrar minha página da web, aqui você pode vê-la imprimir nossa etiqueta H one, olá senhor. Se você notar a barra de URL, aqui você pode ver nosso arquivo servido por um servidor, não no diretório do nosso gerenciador de arquivos. Agora, vamos voltar para a seção de extensão. Primeiro, vou remover essa palavra-chave da guerra de pesquisa e aqui você pode ver nossas extensões instaladas. instalar totalmente a extensão em nosso código Nesta seção, você pode gerenciar suas Se você quiser instalá-lo, selecione essa extensão e clique no botão Instalar Essas são extensões muito úteis para mim, então não vou removê-las. Espero que agora esteja claro para você quais são as extensões e como podemos baixá-las e instalá-las. Obrigado por assistir a este vídeo. No próximo tutorial, aprenderemos sobre a Paleta de Comandos Fique ligado no nosso próximo tutorial. 7. Paleta de comandos de código Vs: Olá, pessoal. É bom ver você de volta. Mais uma vez, estou em um coordenador de operações de desastre. Neste tutorial, aprenderemos qual é o caso de uso da Paleta de Comandos Na Paleta de Comandos, você pode pesquisar qualquer arquivo. Deixe-me te mostrar como. Basta remover o sinal maior que e pesquisar o nome do arquivo. A partir daqui, você pode pesquisar qualquer arquivo. E aqui você pode ver todo esse arquivo, que está em nosso diretório de trabalho atual. Suponha que você esteja trabalhando com um grande projeto e tenha muitos arquivos em seu diretório de trabalho atual. Nesse caso, você pode pesquisar o arquivo específico usando a Paleta de Comandos Basta digitar o nome do arquivo. Suponha que eu queira abrir um arquivo CSS de estilo Dot. Então, aqui vou digitar style Dot CSS. Estilo. Como você pode ver, ele já tem como nome do arquivo. Aqui você pode ver o arquivo Openur. Se você usar colchetes angulares, poderá executar várias funções, como mostrar chamadas recebidas, mostrar chamadas futuras e muito Você pode adicionar o ponto de interrupção da função de comando de linha. Suponha que você queira alterar o tema de cores desse aplicativo. Nesse caso, você pode usar a paleta de comandos. Basta digitar a cor e você verá que os preparativos fornecem um tema de cores Se eu clicar nele, você verá muitas opções. Estúdio de viseira escura, MonoCyrd Se eu usar Monocy aqui, você pode ver Se você quiser abrir a Paleta de Comandos usando um atalho, sim, você pode Apenas elogie a forma de controle B. Quero meu tema de cor escura de volta, então vou mudar o tema de cores mais uma vez. Dark plus, escuro padrão. Para nosso próximo exemplo, vou abrir meu arquivo de estimativa. Aqui você pode ver que eu abro meu arquivo STL. Mas no seu lado direito, aqui você pode ver o minimapa desse arquivo Aqui você pode ver o minimapa desse arquivo tâmil. Eu não quero mostrar este minimapa na minha tela, se você quiser ocultá-lo, você precisa ir para opção de visualização e depois ocultar Agora você não pode ver o minimapa. Vamos mostrar o minimapa novamente. Vou ver a opção e mostrar o minimapa. Agora eu quero esconder esse minimapa usando nossa paleta de comando Primeiro, vou pressionar a Planilha de Controle P. Depois do sinal redundante, vou digitar Aqui você pode ver o Toggle Miniman. Se eu clicar nele, você pode vê-lo e ocultar nosso minimapa. Da mesma forma, se você quiser mostrar esse minimapa, basta acessar sua paleta de comandos e, em seguida, alternar Agora ele mostra seu minimapa mais uma vez. Como você pode ver, eu abro um documento HTML. E se você quiser pesquisar qualquer tag específica, sim, você também pode usar a paleta Command Deixe-me te mostrar como. Primeiro, vou ativar a paleta de comandos usando o Control Ship P e depois vou revogar o sinal maior que E aqui vou digitar a folha de acordo com a taxa. Como você pode ver o tipo superior na taxa, ele processa todas as etiquetas de estimativa, uma por uma Tag de cabeçalho, meta tag, meta tag novamente porque temos um total de três meta tags em nossa página. É por isso que sugere três metatags. Em seguida, tag de título, tag de corpo e tag H one. Se eu vender uma tag de título, você pode vê-la redirecionando para a tag de título Da mesma forma, se eu abrir minha pasta JS, aqui você poderá ver um arquivo script dot js. E se eu abrir esse arquivo JavaScript, aqui você pode ver que temos um total de duas funções. Suponha que você tenha muitas funções em seu arquivo de script. E você quer encontrar uma função específica, mas é muito difícil de detectar. Então, mais uma vez, você pode usar Paleta de Comandos. Deixe-me te mostrar. Controle a nave P, vou remover o que é maior do que o pecado, e aqui vou digitar na velocidade certa. E aqui você pode ver que já existem nossos nomes de função e nosso nome de função e nosso primeiro nome de função é 2 Celsius e nosso segundo nome de função é minha Eles são chamados de símbolos, e é o resultado de dois tutores de música Se eu escolher a função M, como você pode ver, ela será redirecionada para minha função A partir daqui, você pode alternar diretamente qualquer variável, qualquer função. A partir daqui, você pode alternar diretamente para qualquer variável ou função. Basicamente, nós o usamos quando temos muitas funções. Portanto, esse é o caso de uso básico da paleta de comandos. Você pode fazer muitas coisas usando isso. Você pode abrir o terminal, você pode executar funções. Você pode adicionar linha de comando e manual. Então, isso é tudo para este tutorial. No próximo tutorial, aprenderemos sobre configurações, essas opções. Então, obrigado por assistir a este vídeo. Fique ligado no nosso próximo tutorial. 8. Configurações de código do Visual Studio: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estamos no editor de código do Resource Studio. E neste tutorial, aprenderemos sobre as configurações do estúdio do usuário. Como você pode ver, nas configurações, temos duas opções de usuário e espaço de trabalho Aqui você pode definir configurações diferentes para usuário e espaço de trabalho E aqui você pode ver muitas opções relacionadas a configurações, configurações relacionadas ao editor de texto, configurações relacionadas crachás de palavras, configurações relacionadas a janelas, configurações relacionadas a recursos, configurações relacionadas a aplicativos, configurações relacionadas a segurança e configurações relacionadas a extensões Da mesma forma, se você clicar na opção Espaço de trabalho, poderá ver quase as mesmas configurações e, neste tutorial, alteraremos as configurações relacionadas ao usuário Aqui você pode ver que há muitas opções relacionadas às configurações. Não abordaremos tudo isso neste tutorial. Basicamente, vou abordar o que precisamos para iniciantes. Como você pode ver, nossa primeira configuração comumente usada é o salvamento automático Por padrão, desativa o salvamento automático. Se eu clicar nesse menu suspenso, aqui você pode ver que há três opções: atraso na mudança de foco, em Alteração de janela Suponha que você escreva seu código e, depois de escrevê-lo, tenha esquecido de salvar o arquivo Nesse caso, se você escolher a opção aumentada, depois de algum tempo, ele salvará automaticamente seu arquivo E se você escolher a opção de mudança de foco , ele salvará o arquivo quando perder o foco. Se você escolher mudar o vento , o editor salvará automaticamente quando a janela perder o foco. Se você sempre se esquece de salvar seu código , pode escolher essa opção Caso contrário, gostaria de usar as configurações padrão porque, quando termino meu código, sempre pressiono Control A para salvar meu arquivo. Vamos falar sobre nossas próximas configurações, que são o tamanho da fonte. Mas antes eu vou abrir meu arquivo de tabela de índice. Como você pode ver, por padrão, nosso tamanho de fonte é de 14 pixels, e aqui você pode ver o resultado. Se eu aumentar o tamanho da fonte, 22 pixels, definir esse arquivo e voltar para a página estável, você poderá ver o resultado. Agora você pode ver o tamanho da fonte. Agora parece muito maior do que a anterior. Vamos voltar às configurações e vou usar as configurações de fonte padrão, que são 14 pixels. Porque eu vou te mostrar o melhor método, como você pode aumentar o tamanho da fonte. Se eu voltar para a página de estimativa, aqui você pode ver agora que nosso tamanho de fonte é 14 Bixel Se eu pressionar Control plus, como você pode ver, isso aumentará o tamanho da fonte. Como você pode ver com o tamanho da fonte, ele aumenta o tamanho do layout do nosso aplicativo. Quero dizer isso em geral, amplie nosso aplicativo, mas não quero isso. Vou elogiar Control minus. Quero dimensionar o tamanho da minha fonte usando a rolagem. Para isso, precisamos voltar às configurações para que você possa pesquisar as configurações específicas dessa palavra de pesquisa. Nossa configuração é roda do mouse, roda do mouse, zoom desta. Se eu marcar essa opção e depois voltar ao arquivo de TV e pressionar Control, se eu girar a roda do mouse, você poderá ver o resultado Com a roda do mouse, aumenta o tamanho da fonte. Se eu pressionar Control e girar o mouse para baixo, você verá que o tamanho da fonte diminui Usando esse método, você pode controlar o tamanho da fonte. Definitivamente, é um método muito bom para controlar o tamanho da fonte. Vamos voltar à opção de configurações novamente e removerei o Qard de nossa pesquisa e voltarei às configurações mais usadas Nosso próximo cenário é a fome de fontes. A partir daqui, você pode alterar a fonte. Você pode escolher qualquer fonte aqui, mas eu gostaria de usar a padrão. Nossa próxima opção é o tamanho do toque. Por padrão, nosso tamanho de toque veio com quatro. Deixe-me mostrar o que é o tamanho do toque. Se eu mostrar meu ponto de índice StiverFle, aqui você pode ver a diferença no tamanho da torneira Aqui você pode ver a diferença no tamanho da torneira. Como você pode ver, se você contar os caracteres, um, dois, três, quatro, o máximo é de quatro caracteres. Se você quiser aumentar o tamanho padrão do toque, sim, você pode. Volte às configurações. A partir daqui, você pode aumentar ou diminuir o tamanho do toque. Novamente, não é uma configuração muito importante. Deixe-me mostrar outras configurações importantes que você precisa como iniciante Para isso, você precisa clicar em mensagem de texto ou opção. E aqui você pode ver a formatação do nome da opção. Basta clicar nele. Aqui você pode ver algumas opções importantes. Formatar ao colar, formatar ao salvar, formatar no modo Sab, formatar ao digitar e menu Se você marcar essa opção , ao colar o código no arquivo, formate-o automaticamente. Pessoalmente, não gosto dessa opção. Nossa próxima opção é o formato à venda. Se você marcar essa opção , ao salvar o arquivo, ele formatará automaticamente o código. Deixe-me mostrar um exemplo de como isso funciona. Então, vou voltar para minha página HTML com pontos de índice e aqui vou criar uma tag profunda. Dev e dentro dessa tag dip, vou criar tag span, span, e dentro da tag span, vou criar tag de parágrafo P. Como você pode ver, não está formatado corretamente Quando eu configuro esse arquivo, como você pode ver, ele formata automaticamente nosso código. Portanto, esse é o caso de uso das configurações. Há outra configuração de formato que é formatada por tipo. Se você marcar essa opção , enquanto digita seu código, ele será automaticamente formatado. Deixe-me mostrar outras configurações importantes. Vou clicar nas configurações mais usadas. Aqui você pode ver uma opção chamada WordAp. Usando essas configurações, você pode controlar como a linha deve ser quebrada. O que isso significa? Deixe-me mostrar um exemplo. Para isso, mais uma vez, precisamos voltar ao arquivo TML aqui vou digitar Blurin Gm 100. Se eu pressionar Enter, ele criará uma frase fictícia usando 100 palavras Se eu definir esse arquivo, como você pode ver, ele ficará completamente em branco. Mas a questão é por quê. Se você quiser ver seu código para isso, você precisa mover o scoleword horizontal Agora você pode ver seu código. Como você pode ver, nosso conteúdo é extraído dessa área de texto Se você quiser ver seu conteúdo dentro dessa área, nesse caso, você precisa ativar o WaDap. Deixe-me te mostrar. Vá para a seção de visualização e marque WaDap. Como você pode ver, agora seu conteúdo está completamente visível e não há nenhuma barra horizontal. Da mesma forma, se eu desmarcar essa opção, como você pode ver, novamente, nosso conteúdo transbordou dessa área de digitação Vamos voltar às configurações e, se eu ativar essa opção, ativar o Watrap e voltar ao arquivo de estimativa de pontos de índice, aqui você pode ver que nosso conteúdo está perfeitamente empacotado Se você aumentar o tamanho da fonte ou diminuir o tamanho da fonte, não importa o que aconteça, o conteúdo estará sempre embrulhado. Vamos falar sobre nossas próximas configurações, que são o tamanho da fonte do terminal. Agora a questão é o que é terminal? Aqui você pode ver um terminal opcional. Se eu clicar em um novo terminal e aqui, se você digitar algum texto, poderá ver o tamanho da fonte. Como você pode ver, parece bem pequeno. Para isso, precisamos pesquisar uma configuração, que é a fonte integrada do terminal. Vou digitar aqui. Aqui vou digitar terminal integrate it dot font. Aqui você pode ver o tamanho da fonte do terminal. Se você aumentar o tamanho da fonte 18 pixels, poderá ver o resultado. Agora, o tamanho da fonte do nosso terminal é de 18 pixels, mas eu gostaria de usar 14 pixels. Se você quiser alterar as configurações manualmente, Wizard Studio fornecerá um arquivo JSON. Deixe-me mostrar. Nas mudanças que fizemos aqui, podemos fazer as mesmas alterações no JCnfle Se você rolar um pouco, poderá encontrar opções nesta. Edite na configuração JCNFle. Se você clicar nele, poderá ver esta página do JCN. A partir daqui, podemos alterar todas essas configurações. Se você se lembra, ativamos nosso Watrap. É por isso que o WATrap editado Além disso, nossa opção de formato ao salvar está ativada. É por isso que está escrito como verdade. Se você se lembra das configurações de zoom da roda do mouse, verificamos as configurações de zoom da roda do mouse É por isso que está escrito como verdade. Se você se lembra, usamos uma extensão para nossos ícones de explorador. É por isso que você pode ver o tema de ícones Warwnsdt , ícones de código de vaso Quaisquer que sejam as alterações feitas, você pode ver todas essas alterações no arquivo Jason de pontos de configuração Lembre-se de que, ao definir o arquivo Json de pontos, você não pode ver as configurações padrão Você só pode ver as configurações que você alterou. Basicamente, você pode alterar qualquer configuração desse arquivo JSON Se você quiser desligar, o mouse ampliará. Sim, você pode. Basta reprimir com fv. É isso mesmo. No futuro, se você pesquisar algo no stack overflow, poderá obter dados JSN como Você precisa usar o JSNode aqui, e talvez precisemos usar o código JSN para algumas extensões no futuro É um arquivo muito importante. Você pode encontrar esse arquivo no usuário da unidade C, no PC, nos dados do aplicativo e, em seguida, na pasta de roaming, no código e no usuário Dentro dessa pasta do usuário, você pode encontrar o arquivo GSN de configuração Portanto, essas são as nossas configurações, e você também pode alterar as mesmas configurações em seu local de trabalho. Mas, basicamente, eu gostaria de alterar as configurações do meu usuário, não o trabalho. E essas configurações são suficientes para iniciantes. Então, obrigado por assistir a este vídeo, fique ligado no nosso próximo estúdio 9. Atalho de teclado de código do Visual Studio: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou no meu coordenador do Visual Studio. Neste tutorial, aprenderemos a parte mais importante deste tutorial, que são parte mais importante deste tutorial, os atalhos do teclado Para encontrar atalhos de teclado, você precisa clicar em gerenciar, então você pode encontrar atalhos de teclado e simplesmente clicar em Aqui você pode ver todos os atalhos do teclado. Eu sei que você já conhece os atalhos do teclado. Esses são os atalhos mais básicos, copie Control C. Para cartão, controle, como você sabe, para triste usamos Control A. Mas você sabia qual é o atalho para salvar todo o arquivo de uma vez Para isso, precisamos encontrar salvar todos. Salve tudo. Aqui você pode ver uma opção, salvar todos os arquivos. E, como você pode ver, não há nenhum atalho criado para essa opção Vou criar um atalho para isso, que é controlar é A. Quero dizer controlar, salvar tudo e, em seguida, vou pressionar Enter Vamos ver como podemos usar esse atalho. Vou fazer algumas alterações no meu arquivo TML. Vou fornecer um espaço. Além disso, vou fazer algumas alterações no meu arquivo CSS, de vermelho para cinza. E também vou fazer algumas alterações no meu arquivo de script, 07. Aqui você pode ver no meu ícone do explorer, total fizemos três alterações em três arquivos. É por isso que pisca três. Vamos usar nosso atalho e tentar salvar todo o arquivo de uma só vez Nosso atalho é controlar é A. Como você pode ver, depois de pressionar Controles A, ele salva todo o arquivo de uma vez É por isso que você não consegue ver o número em nosso explorador. Se eu te mostrar o arquivo Sass da minha caneta, é cinza. Se eu mostrar meu arquivo de propriedade raiz do índice, ele também salvará nosso arquivo. Usando o Controle A, podemos salvar somente nosso arquivo de ativação. Mas usando o atalho, podemos salvar todo o arquivo de uma só vez. Deixe-me mostrar outro atalho útil, que é copiar linha para baixo. Este é um dos atalhos de seta para baixo mais úteis. Vamos ver o que podemos fazer com esse atalho? Estou voltando ao meu arquivo CSS do estilizador, como você pode ver, seleciono esta linha Aqui eu vou elogiar Shep de todas as setas. Como você pode ver, ele cria uma mesma cópia abaixo dessa linha, mas eu quero alterar a tecla de atalho Cpline down Para isso, precisamos voltar aos atalhos do teclado e aqui precisamos elogiar esse ícone de edição Agora precisamos criar nosso novo atalho para copyine down, que é Control D. Mas o problema é que esse comando já existe, e aqui você pode ver o comando, Control D, na seção da próxima partida de busca Isso pode causar alguns problemas quando você usa a tecla de atalho. Precisamos mudar a tecla de atalho, e eu vou mudá-la Vou criar uma nova tecla de atalho para a próxima descoberta, que é a seta de envio para baixo Assim, aqui trocamos as teclas de atalho umas com as outras Basicamente, não tento me lembrar de todas as teclas de atalho. Eu me lembro das teclas de atalho que eu mais uso. Deixe-me mostrar outra tecla de atalho mais importante, que é adicionar linha de comando É uma tecla de atalho muito útil. Usando essa tecla de atalho, você pode adicionar comando de linha. Por padrão, a tecla de atalho é Control K, Control C. Deixe-me mostrar como podemos usá-la Se eu voltar ao meu estilo ou arquivo SASS e usar esse atalho Control K, Control C, você poderá ver a linha Ele adiciona um comando nessa linha. Mas para esse trabalho em particular, quero criar minha própria tecla de atalho Vou editar este, que é o Control Z. Vou pressionar Enter Então, se eu voltar ao meu arquivo CSS e aplicar o Controle Z, você pode ver que ele também está em um comando nesta linha. De acordo com seu nicho, você pode descobrir sua tecla de atalho e também pode alterar sua tecla de atalho Essa é a beleza do editor de código do Visual Studio. Isso é tudo para este tutorial. No próximo tutorial, aprenderemos sobre terminais. Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 10. Vs terminal de código: Olá, pessoal. É bom ver você de volta. Mais uma vez, estamos no editor de código do meu estúdio Visa neste tutorial, aprenderemos sobre terminais A partir daqui, você pode abrir um novo terminal. Se eu clicar em um novo terminal, como você pode ver, ele cria um novo terminal. Com isso, se você quiser criar vários instantes, sim, você pode. Basta clicar no último slide e criar outro terminal. Você pode criar vários terminais conforme desejar. Como você pode ver, em segunda instância, vou digitar um texto aleatório. Em nossa primeira instância, vou digitar alguns números um, dois, três, quatro, cinco. Eu apenas digito o número e é preciso porque quando eu entro em outro terminal, você pode entender a diferença. Às vezes, precisamos dos dois terminais, um para o servidor de fonte outro para o servidor de back-end Por padrão, esse terminal usa PowerShell, Windows PowerShell Além disso, você também pode alterar a cor do terminal, clicar com o botão direito nele e aqui você pode ver a opção Alterar cor. Para o nosso segundo terminal, vou usar a cor verde. Aqui você pode ver a diferença. Aqui você pode ver agora nosso terminal, posso preenchê-lo com a cor verde. Além disso, você também pode renomear o laboratório do terminal, clicar com o botão direito nele e aqui você pode ver a opção de renomear Agora vou renomear esse laboratório terminal e vou digitar novamente Usar cores é muito conveniente para alternar. Você pode identificar sua concha com muita facilidade. Agora, se você quiser dividir seu terminal, quero dizer que, no momento em que deseja abrir os dois terminais, clique nesta opção, terminal dividido. Lá você pode ver lado a lado, ele se abre para o terminal. Por enquanto, eu não quero dividir, então vou deletar este. Se você quiser mover seu terminal na área do editor, use esta opção, mova o terminal para a área do editor. Se você clicar nessa opção ou terminal, vá para a área do editor. Se você quiser matar seu terminal, poderá usar essa opção. Mate o terminal. Caso contrário, você pode usar o botão excluir. Essa. Se eu clicar nesse menu suspenso, aqui você pode ver o Power Shell, prompt de comando, o terminal JavaScript, terminal dividido e muitas outras opções. Às vezes você precisa abrir o Command Prom. Então, nesse caso, você precisa pressionar essa opção. Vamos abrir um baile de formatura. Eu vou clicar nele. Aqui você pode ver se está abrindo um comando prom, aqui você pode ver a diferença entre o ícone do prompt de comando e o ícone do Powershell. Deixe-me te mostrar uma coisa. Quando tento criar um novo terminal, por padrão, uso o Windows PowerShell, mas não quero tornar o Windows Powershell a opção padrão Nesse caso, você precisa acessar essa opção suspensa e aqui você precisa selecionar seu perfil padrão. A partir daqui, você pode ver o comando do power shell, Java St de terminal, Windows powershell Eu vou ver isso comum a partir de. Agora, se eu criar um novo terminal, como você pode ver, por padrão, é o comando open Windows from, não o power shell. Por enquanto, eu gostaria de usar o padrão, então vou alterar a configuração. Que é o Windows Power Shell. Mais uma vez, se eu criar um novo terminal, como você pode ver, ele cria o Windows Powershell a partir desse ícone, você pode maximizar seu terminal Se eu clicar nele, você pode ver que ocupa todo o espaço. Além disso, se você quiser matar seu terminal, vá até o membro do terminal e pressione o ícone de exclusão Lembre-se de que se você fechar o terminal, isso não significa que você excluirá todos os terminais. Eu não mato seus terminais. Deixe-me te mostrar. Se você voltar para a seção do terminal e clicar no novo terminal, como você pode ver, com o terminal antigo, ele cria outro novo terminal. Como não matamos nosso terminal, apenas fechamos nosso painel de terminais. Se você quiser matar seus terminais, precisará pressionar este ícone digital. Se você tiver problemas em seu código, você pode conferir esta seção de problemas para ver a saída, você precisa clicar nesta seção seção de saída. Se você quiser cavar seu código, nesse caso, você precisa pressionar Diva Esta é a introdução básica da seção do terminal VSCode Sim, agora está definido para você. Obrigado por assistir a este vídeo, fique ligado no nosso próximo estúdio 11. Vs funcionalidade adicional de código: Olá, pessoal. É bom ver você. Mais uma vez, estamos no editor de código do meu estúdio Visa. E nesses anos de tutor, aprenderemos algumas boas características que ajudarão você a advogar Como você pode ver, já abrimos nosso arquivo de tabela de índice e, como você pode ver, usamos classes em nossas tags, contêiner mais um mais dois, classe três, mas eu quero substituir toda a classe por ID. Nesse caso, temos concordância. Eu quero mudar toda a turma de uma só vez. Para isso, precisamos selecionar uma dessas classes e, em seguida, pressionar com a direita aqui para ver uma opção, alterar todas as concordâncias Caso contrário, você pode pressionar Control. Se eu selecionar essa opção, como você pode ver, ela seleciona todas as classes. Agora vou substituir todas as classes por ID. ID B. Como você pode ver, ele substitui todas as classes por ID Esse método é muito útil quando você deseja alterar o nome da função, caso contrário, qualquer tag ou palavra-chave errada. Então, quando você precisa alterar qualquer palavra-chave de uma vez, nesse caso, você pode usar todas as opções de ocorrência. Basta selecionar a palavra-chave e depois elogiar a direita N, e aqui você pode ver a opção, alterar todas as ocorrências. Vamos falar sobre nosso próximo recurso, que é o go to line. Como você pode ver, temos um total de 26 linhas e, na maioria das vezes, trabalhamos com projetos muito grandes como mil e 2000 projetos de linhas. Nesse caso, é muito difícil encontrar o número exato da linha. Mas no editor de código do Visual Studio, é muito fácil. Basta clicar em Control e Z. É o cartão curto, como você pode ver, que abre nossa paleta de comandos Depois de Colon, você precisa tocar no número da linha. Eu quero pular para a linha número nove. Eu quero pressionar nove. Como você pode ver, ele já selecionou nossa linha número nove. Se você clicar nele, você também aponta nosso Karza nessa posição Deixe-me mostrar nossos próximos recursos úteis, que são a definição da função. Para isso, precisamos abrir nosso arquivo JS. Como você pode ver, em nosso arquivo JS, temos duas funções, 2 Celsius e minha função E aqui você pode ver, chamamos nossas funções. Também abrimos nossa função em nosso conso. Suponha que você tenha centenas de funções em seu código e, em seguida, seja muito difícil detectar como você cria sua função. Nesse caso, você pode usar a opção de definição de função. Basta selecionar o nome da função e clicar com o botão direito do mouse nela, e aqui você pode ver, vá para a definição. Se eu clicar nele, como você pode ver, é redirecionado para nossa função, 2 Celsius Mas se você quiser abrir o painel de definição da função sem se mover, nesse caso, você precisa selecionar a função, clicar nela e aqui você pode ver uma opção chamada Peak. Em seguida, clique nessa opção e selecione Definição de pico. Como você pode ver, ele pisca em uma nova janela e é redirecionado para a definição desta função de duas células, sim A partir daqui, você também pode alterar suas funções. Depois de alterar sua função, você pode salvar e excluir essa janela. Esse é o poder do editor de código do Visual Studio. Agora, deixe-me mostrar nosso próximo recurso. Para isso, vou abrir outro arquivo ou arquivo CSS estilizado Como você pode ver, abrimos um total de três arquivos, mas eu não preciso desse arquivo CSS de estilo, então vou fechá-lo. Mas, acidentalmente, eu fecho o arquivo JavaScript. Era um arquivo muito importante para mim, e também esqueci o nome do arquivo que fechei Preciso do meu arquivo de volta, mas no meu diretório de pedidos atual, há muitos arquivos Nesse caso, podemos usar um curto. Por isso, precisamos elogiar o Control Shift T. Como você pode ver, ele reabriu nosso arquivo fechado E você já aprendeu sobre essa opção, que é janela dividida. Se eu clicar nessa opção, como você pode ver, dividimos nossa janela e agora podemos ver dois arquivos avançando em nossa tela. Você pode criar uma divisão múltipla acordo com o tamanho da tela. Depende de você quantas divisões você quer. Essa opção é muito útil quando você tem uma tela ampla. Agora vou mostrar como você pode abrir as pastas do seu projeto. Para eles, vou criar uma nova janela e vou fechar esta. Digamos que você já conheça um método básico de como podemos abrir a pasta do Projeto. Para isso, precisamos ir ao Menu Arquivo e , em seguida, selecionar essa opção Abrir pasta. A partir daqui, podemos abrir nossa pasta. Esta é a pasta do nosso projeto. Basta selecionar a pasta e pressionar Selecionar pasta. Como você pode ver, ele abre nossa pasta. Mas vou mostrar outro método que é como podemos abrir a pasta do nosso projeto. Então, eu vou usar esse código do Visual Studio. Para isso, precisamos entrar na pasta do nosso projeto e pressionar para a direita. Aqui você pode ver uma opção aberta com CO e, em seguida, você precisa pressionar essa opção. Como você pode ver, ele abre a pasta do nosso projeto. E se você não mostrar essa opção diretamente na sua pasta, significa que você não marca essa opção ao instalar o código do sult Studio Deixe-me mostrar outro método abrir seu aplicativo de código isalstuio Primeiro, você precisa entrar na pasta do projeto e, em seguida, digitar CMD no gráfico da pasta, CMD. E, em seguida, pressione Enter. Como você pode ver, ele abre sua paleta de comandos. E aqui você precisa amarrar o ponto do Codespace. Codifique o ponto de espaço e, em seguida, pressione Enter. Como você pode ver, ele abre nosso aplicativo e também abre a pasta do nosso projeto. Isso é tudo para este tutorial. Em nosso próximo tutorial, aprenderemos mais teclas de atalho Então, obrigado por assistir a este vídeo. Fique ligado no nosso próximo tutor. 12. Tecla de atalho adicional do Visual Studio: Olá, pessoal. É bom ver você de volta. Mais uma vez, estamos no meu código do Visual Studio. Neste tutorial, aprenderemos mais teclas de atalho Basicamente, use pull one. Aqui você pode ver que, dentro do contêiner principal, temos um total de três itens profundos, um, dois , três, mas decidimos mover nosso terceiro item profundo acima do segundo item Dev Então, normalmente, precisamos recortar esse e colar acima do segundo item Dev, mas não queremos fazer isso. Então, estou de volta à posição anterior usando o Control Z. E agora vou mostrar a tecla de atalho como podemos mover essa linha Se você quiser movê-lo para cima, selecione a linha e pressione Alt (seta para cima Como você pode ver, essa tecla de atalho move nosso código para cima. Da mesma forma, se você quiser movê-la para baixo, selecione a linha e pressione Alt (seta para baixo Essa tecla de atalho move nossa linha para baixo. Suponha que eu queira mover esse continente D dentro desse item do terceiro dB ou que precisemos movê-lo para baixo Precisamos selecionar essa linha e, em seguida, pressionar lt e seta para baixo. Você pode ver o resultado. Se você quiser movê-lo para cima, pressione e, em seguida, acelere a seta Agora vamos falar sobre outra tecla de atalho útil. Suponha que eu queira copiar essa tag H one, mas quero copiá-la para cima usando a tecla de atalho Nesse caso, precisamos selecionar essa linha e pressionar o navio Alt, seta para cima. Como você pode ver, ele fez uma cópia da tag H one. Por padrão, o Visual Studio veio com essa tecla de atalho, e você já sabe disso, pode alterar suas teclas de atalho Da mesma forma, se eu quiser copiar essa linha para baixo, nesse caso, precisamos pressionar a seta Alt para baixo do navio Além disso, você pode copiar várias linhas ao mesmo tempo. Basta selecionar essas linhas, a quantidade de linhas que você deseja copiar e, em seguida, elogiar o navio transportado, caso contrário, seta para cima, caso contrário, seta baixo, de acordo com seu nicho Como você pode ver, copiei três dessa linha para baixo Se você quiser comentar alguma linha, nesse caso, você precisa elogiar control forward Como você pode ver, comente esta linha. E se você quiser remover esse comentário, nesse caso, você precisa seguir a mesma tecla de atalho, Control forward slash Você pode usar a mesma tecla de atalho para comentar várias linhas Agora eu quero selecionar todas as palavras de saudação, uma por uma. Nesse caso, precisamos selecionar a palavra e, em seguida, pressionar Control e, em seguida, pressionar Control D para selecionar o próximo olá. Se você quiser selecionar a outra palavra olá, nesse caso, você precisa pressionar continuamente Control D. Ele selecionará todas as palavras de saudação uma por uma, mas temos uma solução melhor para isso: selecionar todas as palavras de uma vez. Para isso, precisamos selecionar essa palavra olá e, em seguida pressionar e selecionar alterar todas as ocorrências. Como você pode ver, ele seleciona todas as palavras de saudação de uma só vez. Ao mesmo tempo, podemos mudar a palavra e digitar uma nova palavra. Mas se você quiser selecionar a palavra uma por uma, então você precisa pressionar Control D. Além disso, você pode selecionar a seleção múltipla com outro método. Selecione a palavra e pressione tudo e , em seguida, selecione esta seção onde você deseja selecionar. Como você pode ver, ao mesmo tempo, selecionamos o total de quatro linhas. Esse é outro método de atalho. Se você quiser cortar qualquer linha, nesse caso, você precisa pressionar Control X. E se você quiser pressionar esta linha em qualquer lugar, você conhece o atalho Control V. E se você quiser destacar qualquer linha, suponha que eu queira destacar esta linha de título, então precisamos pressionar Control L. Como você pode ver, ele destaca a Então, todas essas são teclas de atalho básicas e são muito importantes Definitivamente, as teclas de atalho são muito impactantes para nossa produtividade Então é isso para este tutorial, obrigado por assistir a este vídeo. 13. Emmet vscode, parte 1: Olá pessoal. É bom ver você de volta. Mais uma vez, estamos no meu editor de código do Visual Studio. Neste tutorial, falaremos sobre A. É um recurso invi do editor de código do Visual Studio Então, vamos abrir nosso ponto de índice HTML cinco, e eu vou remover todo o código deste documento. Então, para selecionar todo o código, eu vou remover. E agora vou mostrar nosso primeiro exemplo de emissão. Por isso, vou elogiar o letreiro de Snovon. Aqui você pode ver a abreviatura de emissão, e se eu pressionar Enter, caso contrário, pressione tab, como você pode ver, ele cria Portanto, não precisamos digitar vários códigos de alinhamento para criar esse modelo de caldeira Agora, dentro dessa tag body, vou criar H one tag H one. Como você pode ver, se eu pressionar Enter, ele completa nossa tag. Aconteceu por causa de Amit. Agora, dentro dessa tag H one, vou digitar hello world. E agora você decide criar cinco etiquetas I. Para isso, você também pode usar a AMI. Só precisa digitar I, estrela, cinco. Se eu pressionar tab, caso contrário Enter, como você pode ver, ele cria cinco Litag Se você tentar criar um Diptag com classe, sim, você pode. Deixe-me te mostrar como. Ponto profundo, agora você precisa colocar o nome da sua classe. O nome da nossa turma é MyClass. Se eu pressionar Enter, caso contrário, tab, como você pode ver, ele cria uma tag profunda com o nome da classe, e o nome da nossa classe é MyClass Você pode economizar muito tempo usando o Amit. É um recurso integrado do editor de código Vs. Você não precisa instalar nenhum plug-in para isso. Além disso, este editor de código vem com autosazação. Deixe-me te mostrar. Vou abrir um arquivo js, scrip dot js. Agora vou chamá-la de função. Aqui eu vou chamar a função To Celsius. Se eu digitar PO, como você pode ver, o nome da função também é Celsius Este é o vídeo de introdução de Amit. No próximo tutorial, aprenderemos sobre Amit em profundidade Então, obrigado por assistir a este vídeo, fique ligado nos próximos tutoriais 14. Emmet vscode, parte 2: Olá, pessoal. É bom ver você de volta. Mais uma vez, estamos no meu editor de código do Visual Studio, e este é outro tutorial relacionado ao Emet. E neste tutorial, aprenderemos recursos mais avançados sobre o Emet. Em primeiro lugar, vou remover essa estrutura de SMS. E agora vou criar a mesma estrutura de estimativa com um método diferente Em nosso método anterior, como você sabe, digitamos o sinal de exclamação e, em seguida, pressionamos Enter, caso contrário Mas neste tutorial, vamos criar a estrutura de estimativa digitando TM HTML. Como você pode ver, recomendo a tabela cinco. Se eu selecionar este, como você pode ver, ele cria o mesmo modelo de caldeira TML Se você quiser criar uma tag profunda com classe, nesse caso, você precisa digitar Dev dot className, my class Esse é o nosso método anterior, mas neste tutorial, vou mostrar outro método. Você não precisa digitar o nome da tag, você precisa digitar dot my class. Em seguida, você precisa pressionar a tag. Como você pode ver, ele cria a mesma tag profunda. Em nosso método anterior, precisamos especificar o nome da tag. Mas nesse método, não precisamos especificar o nome da nossa tag, mas ele só funciona com a tag profunda, não com a outra tag. Se você quiser várias classes em sua tag, sim, você pode. Suponha que eu queira criar uma tag com cabeçalho ou que o nome da classe seja classe um. Com isso, quero adicionar outra turma. Para isso, você precisa usar o ponto novamente e, em seguida, digitar a classe dois. Se eu pressionar Enter, como você pode ver, ele cria H uma tag com duas classes, classe um e classe dois. Da mesma forma, se você quiser criar uma tag com ID, nesse caso, precisará digitar a hashtag Dev e o nome do seu ID Identifique um. Se eu pressionar tab, como você pode ver, ele cria uma tag profunda com ID one. Se você quiser criar classe e ID de uma só vez, nesse caso, se você quiser fornecer IDF , digite seu ID um Com isso, se você quiser fornecer uma classe, precisará pressionar o nome da classe dot. Classe um. Se eu pressionar Enter, como você pode ver, ele cria uma tag profunda com ID um e classe um. Como você sabe, o TML five veio com tags grandes como rodapé. De forma normal, você precisa digitar Footer. Mas se você usar AMT nesse caso, basta digitar TR Se eu pressionar Enter, como você pode ver, isso cria a tag Puta Portanto, você pode usar a forma abreviada dessa tag. Da mesma forma, para o cabeçalho, precisamos digitar HDR. Se eu pressionar Tab, como você pode ver, ele cria uma tag de cabeçalho. Eu vim com muitas abreviações de hot tag, e vou falar sobre isso mais tarde, de onde podemos obtê-lo mais tarde, de onde podemos obtê-lo Agora vamos criar um parágrafo, P. Dentro desse parágrafo, vou digitar uma frase. Aqui é o Pará. Essa é a maneira normal de digitar conteúdo em nossa tag. Mas se você usa Amit, nesse caso, você pode digitar assim, o nome da sua tag, P e dentro do ala prass precisamos fornecer nosso conteúdo Vou digitar hello world. Se eu pressionar Enter, como você pode ver, ele coloca nosso conteúdo dentro dessa tag de parágrafo. Esse é o benefício de usar a AMI. Se você quiser criar essa tag com classe, sim, você pode. Você só precisa digitar p dot o nome da sua classe. Classe um. Então, dentro do Calirass, você precisa digitar seu texto. Olá, mundo. Ao mesmo tempo, você pode criar um ID de classe e também pode colocar seu conteúdo. Tudo ficou fácil depois de usar o AMT. Você pode colocar seu conteúdo facilmente. Você não precisa se lembrar de suas tags e também não precisa se preocupar com as tags de fechamento. Isso é tudo para este tutorial. No próximo tutorial, aprenderemos mais sobre isso. Então, obrigado por assistir a este vídeo. Fique ligado no nosso próximo tutorial. 15. Emmet vscode, parte 3: Olá, pessoal. É bom ver você de volta. Mais uma vez, estamos no meu editor de código do Visual Studio. Neste tutorial, vamos trabalhar com elementos secundários. Como podemos criar facilmente elementos secundários com a ajuda do emit Primeiro, vou selecionar todo o código dentro desta seção do corpo e vou removê-lo. Suponha que dentro da tag dip, eu queira criar uma tag de parágrafo Nesse caso, você precisa digitar D, maior que o sinal e o nome da tag, que é P. Se eu pressionar, como você pode ver, dentro dessa tag dip, ela cria uma tag de parágrafo Deixe-me mostrar esse exemplo mais uma vez. Então, depois da tag Dip, dentro dessa tag profunda, eu quero criar a tag UL Child Então, dentro da tag filha L, eu quero criar outra tag filha, que é Eli Se eu pressionar Enter, como você pode ver, dentro dessa tag dip, temos child, que é UL e dentro dessa tag EL, temos outra tag secundária, que é Eli Agora DB é nosso avô. UL é nosso pai e Eli é nosso filho. Agora, com essa tag, quero colocar conteúdo ao mesmo tempo. Para isso, precisamos seguir esse caminho. B, então maior que Sine após maior que sine child tag tag secundária é P, e eu quero colocar conteúdo dentro dessa tag P. Depois da tag P, precisamos usar calibss dentro dessa calivss. Vou digitar Vou digitar Se eu pressionar iniciar, como você pode ver, dentro dessa tag principal profunda, temos a tag filha, que é P, e dentro dessa tag P, colocamos com sucesso nosso conteúdo, hello world Agora, deixe-me mostrar outro exemplo. Vou revogar este, e aqui vou digitar B maior que Sine UL, maior que Sine Dentro dessa tag UL, quero colocar AI, AI e dentro do sculyss vou Mas eu quero quatro tags LI dentro dessa tag UL. Nesse caso, precisamos usar o sinal de multiplicação, multiplicar por quatro Se eu pressionar Enter, como você pode ver, dentro dessa tag profunda, temos a tag UL dentro dessa tag UL, temos um total de quatro tags LI. Esse método foi bom, mas essa não é a solução dinâmica. Quero dizer que repita o item pela quarta vez. Não concede um item um item, dois itens três, porque é um processo estático Mas com a ajuda da emissão, você pode torná-la dinâmica. Deixe-me te mostrar. Então, dentro dessa tag L, eu quero criar uma tag LI. Então, dentro do Cress, eu quero digitar IM mais uma vez. IM, mas desta vez, vou usar o cifrão e quero multiplicar quatro, se eu pressionar Enter, como você pode ver, virar o item para cima, ele imprime o item um, o item dois, o item três e o item Ele coloca dinamicamente um valor numérico para esses itens. Em nossa linguagem de programação para esse trabalho, precisamos usar loops Mas no AIT, em uma única etapa, podemos obter esse resultado. Lembre-se de que você pode multiplicar sua tag, basta usar o sinal de multiplicação. Suponha que você queira H uma tag três vezes. Nesse caso, H um, multiplique por três. Se eu pressionar Enter, você poderá ver o resultado. Deixe-me mostrar outra demonstração. Mas antes, eu vou revogar este. Você já aprendeu como podemos criar vários elementos secundários em uma única linha usando Amit Mas desta vez, quero colocar conteúdo em cada tag. Para isso, precisamos digitar nossa tag mãe, Dev e, dentro do alirass, precisamos colocar o conteúdo Isso é v. Então maior que a tag seno P. Dentro do alirass que vou digitar isso é Pera. Se eu pressionar Enter, como você pode ver, colocamos com sucesso o conteúdo em nossa tag principal, também na tag secundária. Além disso, ao mesmo tempo, você pode atribuir ID e classe a essas tags. Deixe-me te mostrar. Vou digitar a tag DH para ID, nosso ID é meu ID Em seguida, os dados assinam nossa tag secundária, que é P. Dentro dessa tag secundária, eu quero colocar algum conteúdo e nosso conteúdo é, isso é para. Além disso, quero atribuir uma classe a essa tag P. Então, eu quero usar ponto, e o nome da nossa classe é minha classe. Se eu pressionar Enter, como você pode ver, primeiro, ele cria nossa tag principal e também atribui um ID, meu ID também você pode vê-lo atribuindo uma classe à nossa tag de parágrafo. Então, isso é tudo para este tutorial. Em nosso próximo tutorial, falaremos sobre irmãos, como podemos criar uma estrutura de irmãos usando a AMI. Então, obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 16. Emmet vscode, parte 4: É bom ver vocês. Mais uma vez, estamos no editor de código do meu estúdio Vis. Em nosso tutorial anterior, aprenderemos sobre como podemos criar elementos secundários usando o Amit Mas neste tutorial, aprenderemos como podemos criar uma estrutura de irmãos em HTML com a ajuda de Deixe-me mostrar o exemplo o qual estou tentando falar. Quero estruturar assim, Dev. Depois da tag Deep, quero criar uma tag de parágrafo. Depois da tag de parágrafo, quero criar uma tag H one. Basicamente, chamamos isso de estrutura de irmãos. Agora, a questão é como podemos criar essa estrutura usando a ajuda do ame. Para isso, você precisa usar o último sinal. Deixe-me te mostrar. Deep Last P mais uma zona de pH. Se eu pressionar Enter, como você pode ver, depois da tag Dep, ela cria uma tag de parágrafo, e depois da tag de parágrafo, ela cria H uma tag Se você quiser colocar conteúdo e ID ao mesmo tempo, siga nosso método anterior. Deixe-me te mostrar. Be, eu quero dizer, tem tag, minha TI. Em seguida, precisamos usar o sinal de adição. Nossa próxima tag é a tag de parágrafo. Então, dentro dessa tag de parágrafo, eu quero colocar algum conteúdo. Aqui é o Pará. Com isso, quero criar outra tag, que é H one. Então, vou usar o sinal de adição novamente. E depois de H one, quero designar um colega de classe e o nome da nossa turma é minha turma Se eu pressionar Enter, como você pode ver, ele define um ID para D. Além disso, colocamos nosso conteúdo em nossa tag Padnp. Com isso, definimos uma classe em nossa tag H one. Usando esse processo de combinação, você pode criar vários códigos de alinhamento em uma única linha Então esse é o poder de emitir. Isso definitivamente aumenta sua eficiência. Vamos falar sobre formulários, como podemos criar formulários usando Se eu digitar de, como você pode ver, por padrão, ele vem com o atributo de ação. Mas com o atributo de ação, também, quero definir o método. Nesse caso, precisamos digitar em Cool, você pode escolher seu método. Caso contrário, publique. Vou escolher o método de postagem. Como você pode ver, ele vem com o método post. Agora eu quero criar uma tag de entrada neste formulário. Vou digitar a entrada. Basta inserir. Por padrão, ele vem com o tipo de texto. Além disso, você pode usar o atalho para isso. Você só precisa digitar InP. Se eu pressionar Enter, como você pode ver, ele já fornece o nome e o ID do tipo, mas não quero o tipo de entrada de texto o tempo todo. Eu quero a entrada da caixa de seleção t. Para isso, você precisa digitar a entrada, então você precisa usar dois pontos e você precisa selecionar a caixa de seleção, e você pode ver Caixa de seleção do tipo de entrada. Como você pode ver, ele é todo o tipo de entrada Botão de entrada, caixa de seleção de entrada, cor , data, oculto, imagem, mês, número, etc E se você usar a entrada a, ela fornece o tipo de entrada submit. Agora, deixe-me mostrar outra característica mais invertida da emissão Que é um texto fictício. Suponha que eu crie uma Ptag e, dentro dessa Ptag, eu queira um maldito texto Para fins de prática e desenvolvimento, maioria das vezes precisamos de texto fictício, mas não entendemos o que vamos escrever nele Na maioria das vezes, copiamos alguma linha da Internet. Mas com a ajuda de Amit, você pode usar o texto Lam dammi. Deixe-me te mostrar. Dentro dessa tag P, vou digitar Loren. E eu vou pressionar Enter. Como você pode ver, ele fornece vários textos fictícios de alinhamento. Além disso, você também pode controlar a palavra. Deixe-me te mostrar. Eu vou revisar este. Mais uma vez, vou digitar loading. E desta vez, quero um total de 25 palavras, então vou digitar 25. Se eu pressionar Enter, como você pode ver, como você pode ver, forneça totalmente 25 palavras. Se você quiser 300 palavras, nesse caso, você precisa digitar Lorin 300 e ele fornecerá 300 palavras do Opera Deixe-me mostrar outro exemplo de como podemos usar esse texto Davi com uma tag Li Para isso, vou digitar D em vez de UL. Dentro dessa tag UL, vou digitar Lim. E eu quero seis palavras. Eu quero pressionar seis. Depois de seis palavras, quero repetir o total de quatro marés. Vou criar uma classe chamada Mt ITM. Multiplique por quatro. Se eu pressionar Enter, como você pode ver, dentro dessa tag dip, temos a tag UL, e dentro dessa tag UL, temos o total para a tag I e ela também coloca uma etiqueta diferente, damit, toda essa tag LI Isso é tudo para este tutorial. Espero que agora você entenda como podemos usar a AMI. Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 17. Vs código informações adicionais: Olá, pessoal. É bom ver você de volta. Este é o último tutorial relacionado ao estúdio. Você consegue ver claramente o cursor piscando? Nosso cursor piscando é pouco visível em nossa linha. Podemos torná-lo mais visível. Vamos ver como. Para isso, precisamos ir até a opção de configuração. Vou clicar nesta seção de ameaças, e aqui você pode ver as configurações Agora precisamos pesquisar uma palavra-chave, que é Carsel. Como você pode ver em nossa primeira opção, Carselbnking. A partir daqui, você pode controlar o estilo de animação Carsal. Aqui você pode ver muitos estilos de animação, vencer suavemente, pausar, expandir de forma sólida Vou selecionar expandir. Com isso, vou mudar o estilo Kurzel também de linha para bloco Se eu voltar ao arquivo do ICS, você pode ver o estilo do carro, como ele é lento. Agora, nosso cursor está muito mais visível do modo anterior. Portanto, a partir dessa opção de configuração, você pode alterar o estilo dos carros. Mas eu gostaria de escolher o padrão. Vou selecionar a linha e quero selecionar piscar. Agora, deixe-me mostrar outras opções importantes. Suponha que você queira ir diretamente para a pasta de mídia e abrir essa pasta de mídia com o Explorador de Arquivos. Se você quiser abrir esta pasta no Explorador de Arquivos, basta pressionar o clique e selecionar Revelar no Explorador de Arquivos. Como você pode ver, ele abre a pasta. Essa é uma boa opção para abrir seu arquivo. Se você quiser abrir seu terminal em uma pasta específica, nesse caso, você precisa selecionar abrir no terminal integrado. Se eu selecionar essa opção, como você pode ver, ela abrirá nossa pasta de mídia. Dentro deste terminal. Não precisamos digitar o comando CD para isso. Podemos abrir diretamente nossa pasta dentro do nosso terminal. Há muitas opções que você pode aprender no VS Cody Deo Com o tempo, você se tornará um especialista. Agora, vamos entrar na seção de documentação. Como você pode ver, mais uma vez, abrimos o site oficial. Agora vou entrar na seção de documentos. A partir daqui, você pode aprender como configurar esse aplicativo em seu sistema operacional Linux, sistema operacional MacOS, sistema operacional Windows, sistema operacional Raspberry Pi Se você entrar na seção de introdução, aqui poderá ver alguns vídeos de introdução Como você pode iniciar esse aplicativo. Nesta seção, você pode aprender como começar, programar, algumas dicas de produtividade e personalizar a forma como podemos usar extensões Já aprendemos sobre isso em nosso curso. Se você clicar em Tip and Teks, aqui você pode ver algumas dicas e truques básicos Como podemos usar a Paleta de Comandos Como podemos usar atalhos de teclado e muito Já aprendemos sobre isso em nosso tutorial. Nesta seção fina, você pode aprender como alterar seus temas na seção de configuração como alterar as configurações. Então, basicamente, eu aprendo todos os atalhos e truques desta seção de documentação Portanto, sempre direi que você siga a seção de documentação. Obrigado por assistir a este vídeo.