Personalize seu Visual Studio Code: Aprenda a Adicionar Temas e Fontes!

6.78k views1312 WordsCopy TextShare
Mestres da Web
Seja muito bem-vindo, jovem desenvolvedor! Está pronto para mergulhar no maravilhoso mundo da person...
Video Transcript:
Fala mestre no vídeo de hoje a gente vai estar falando aqui sobre a edição do tema né do vies code também das fontes aqui da nossa ide para a gente estar finalizando aí todo esse bate-papo que a gente teve sobre configuração de ambiente é configuração e personalização do nosso ambiente de desenvolvimento certo então antes de iniciar o nosso conteúdo Eu gostaria de pedir que você acompanhar essas nossas redes né deixar o like no vídeo se inscrever no canal e também clicar no Sininho para o YouTube te manter sempre atualizado nos nossos conteúdos daí também para
você contribuir aí com a nossa comunidade certo então os links da Mestres estão aí na descrição para você tá acompanhando as nossas redes e é isso beleza para quem fala é o Gerson e vamos lá para mais um conteúdo [Música] Tá ok a gente tá naquele mesmo naquele mesmo ponto que a gente deixou na aula passada que a gente tava configurando o priviller é excelente e aqui agora eu vou falar logo sobre os temas tá que os temas vem para cá para ver as coisas também como extensão tá então a gente clica aqui na parte
esquerda nesse ícone das extensões e a gente pode buscar por esses temas tá então um tema muito famoso aí mesmo é o Drácula Drácula oficial que a gente pode fazer a instalação e aqui a gente pode clicar em set color time alguns temas vão ter várias cores diferentes né mas uma vez que você escolheu ou instalou um tema você clica em set color caso ele tenha né mas a gente já pode ver que já foi aplicado esse tema aqui na minha ideia né então ele tem essa paleta de cores dele né bem clássica aí entre
entre os programadores e é um tema extremamente famoso tá então para fazer a instalação do tema extremamente simples né Você só vai mesmo escolher qual tema você quer e instalar essa extensão né então tem também o One One Beach pro é isso onde dar esse cara aqui certo que ele também ele tem várias cores diferentes né mas é um tema que tem uma paleta um pouco mais escura né um pouco mais bem diferente ali do Drácula mas que também é um tema muito interessante enfim né questão de tema a gente tem muito tem muita gente
pode encontrar muita referência aí de muito artigo escrito os melhores temas para o psicode enfim os mais populares tem muita opção para estar instalando Tá eu vou deixar aqui o Drácula para a gente a partir para o próximo tema que seria a edição das fontes tá então na edição de fonte fica muito interessante aqui no visual Studio code algumas Fontes que Principalmente as que têm as ligas né mas isso é que depende Tem pessoa que gosta tem pessoa que não gosta e para essa vídeo aqui eu vou estar instalando farcode tá que é uma fonte
e eu deixei ela até aberta aqui no meu navegador tá o gith deles que é uma fonte que ela possui os ligas é basicamente quando a gente coloca os alguns operadores ou alguns símbolos ali para representar alguma coisa na linguagem que a gente está programando essas essas esses símbolos se ligam e formam uma coisa só né então por exemplo o diferente né exclamação igual vira isso aqui o a setinha mais mais enfim tem muitas ligações né que as fontes com ligas podem fazer isso não pode depender tá então alfair code é uma fonte bem Popular
tá bem bonita e aqui no Git hobb dele a gente pode fazer né o download do Zip aqui né E aí com esse Zip a gente faz a instalação aí no nosso sistema operacional tá então se eu vier aqui no meu no vscode eu já deixei aqui o farcode ponto Zip né que eu fiz o download eu vou abrir ele aqui na verdade eu preciso acessar aqui o meu explorador de arquivos certo na pasta aqui do projeto do desse projeto que a gente está trabalhando e aqui tem o zip né do farcou de a gente
pode abrir esse cara que eu tô com WinRAR né e é só no caso do Windows né escolher aqui o TTF que instala esse arquivo né Cada você dá um duplo clique clique em tal e ele vai instalar a fonte certo então com a fonte instalada a gente vem aqui no visual Studio code e a gente está lá fonte no nosso sistema operacional tá E aí do seu operacional o visual vai usar então aqui em file é arquivo preferências configurações aqui em configurações a gente pode pesquisar por fonte tá E que ele vai dar para
a gente algumas opções e temos aqui ó fonte Family do editor que é dessa parte aqui da edição do código né então aqui ele já aplica né Por padrão consolaspace a gente vai apagar isso aqui e colocar nossa só escrever isso aqui e se a gente voltar aqui para o nosso editor a gente já pode ver que teve uma alteração nas fontes né E por padrão nesse meu caso aqui os ligas já estão habilitados e ele já uniu aí esses esses caracteres né então aqui nas configurações né Nós temos aqui ó editor fonte liga que
a gente edita no arquivo de Jason que é o arquivo que a gente um arquivo de configuração né do vs code então aqui nesse meu caso eu editor fonte liga que está falso se eu voltar aqui no ele veio por padrão falso né quando eu cliquei em editado em sites Jason ele já vem aqui como falso então olhando aqui no arquivo indexjs os três iguais ficaram dessa forma né foi desabilitado aí nos ligues então se eu vier aqui no meu arquivo de Jason e colocar isso aqui como e salvar as ligas vão ser habilitadas né
então já fiquei por exemplo é o funk né é diferente enfim tem várias várias aí É bem interessante Eu particularmente gosto e você vai estar aplicando aí no seu editor Tá certo então temos a fonte no editor fonte ligators e temos também o que pode controlar o tamanho da fonte altura da fonte é tudo personalizado aqui e nós temos também a fonte da para trocar a fonte no terminal tá então terminal integrante Qual a fonte Qual a família da fonte que eu quero aplicar no terminal eu posso passar aqui também o Fire code então fazendo
isso a gente já pode ver que trocou a fonte aqui do terminal tá então eu posso usar tanto pós-chal quanto o Git best que é um terminal aí que é baseado em Onix então lembra um pouco Linux Mas enfim a personalização em si da fonte é feita aqui nessa opção terminal fonte fêmea certo então todas as outras opções de tamanho é altura Enfim tudo de fonte a gente consegue encontrar e editar aqui por essa parte de sétimo Tu viesse escolher a gente pode também dar o zoom e tirar o zoom da ideia com que no
caso eu tô usando a Natália é o control mais e menos né para fazer isso mas enfim é para essa aula era basicamente esses dois tópicos só que eu queria trazer que é uma coisa bem recorrente pessoal se pergunta muito quando vê a gente grava um anal né que fonte que você usa que tema é esse que tá usando Então já quis trazer o vídeo já para isso ficar bem registrado aí para gente tá certo então para essa aula aí é isso eu espero que eu tenha ajudado qualquer dúvida pode estar deixando um comentário logo
abaixo e é isso aí muito obrigado e até a próxima [Música]
Related Videos
Configurando o GitHub com o VS Code - Aprenda a Criar e Conectar  Seus Projetos de Programação!
34:09
Configurando o GitHub com o VS Code - Apre...
Mestres da Web
10,197 views
12 EXTENSÕES DO VS CODE OBRIGATÓRIAS - EXTENSÕES PARA AUMENTAR A PRODUTIVIDADE EM 2024
26:09
12 EXTENSÕES DO VS CODE OBRIGATÓRIAS - EXT...
Matheus Battisti - Hora de Codar
42,735 views
Usando fontes externas baixadas - @Curso em Vídeo HTML5 e CSS3
14:09
Usando fontes externas baixadas - @Curso e...
Curso em Vídeo
198,699 views
Meu VSCode minimalista (extensões, temas e config)
19:33
Meu VSCode minimalista (extensões, temas e...
Rocketseat
368,227 views
Fácil instalación del paquete Livewire 3 📦
14:43
Fácil instalación del paquete Livewire 3 📦
Cristhian Hernández
6 views
🔴 LIVE: Superman | Christopher Reeve Collection Compilation | Live Stream | Warner Bros. Ent
🔴 LIVE: Superman | Christopher Reeve Coll...
Warner Bros. Entertainment
The mind behind Linux | Linus Torvalds | TED
21:31
The mind behind Linux | Linus Torvalds | TED
TED
6,033,718 views
Extensões VsCode que você precisa usar! 🔥
11:29
Extensões VsCode que você precisa usar! 🔥
Sujeito programador
17,126 views
20 extensões obrigatórias no meu VS Code
16:07
20 extensões obrigatórias no meu VS Code
Otávio Miranda
72,010 views
Como usar o VS CODE para programar? Guia COMPLETO e RÁPIDO!
15:16
Como usar o VS CODE para programar? Guia C...
Rafaella Ballerini
81,285 views
CONFIGURANDO SEU VS Code: Extensões e Configurações que você PRECISA ter
33:06
CONFIGURANDO SEU VS Code: Extensões e Conf...
Fernanda Kipper | Dev
61,846 views
Como instalar fontes personalizadas no seu Visual Studio Code
4:34
Como instalar fontes personalizadas no seu...
phpdotenv
3,222 views
Aprenda a personalizar o VSCode - Tema, configurações, extensões e dicas
18:07
Aprenda a personalizar o VSCode - Tema, co...
Leo Vargas
33,393 views
Como Utilizar o GitHub com o VSCode?
14:17
Como Utilizar o GitHub com o VSCode?
Prof. Rogério Napoleão Jr.
39,069 views
Getting Started with ESP32 - Step-By-Step Tutorial
19:50
Getting Started with ESP32 - Step-By-Step ...
Tomasz Tarnowski
461,777 views
UMA API PARA ANALISAR DADOS DE 100 MIL USUÁRIOS - 1 sênior vs. 3 júniors - Codecon
24:39
UMA API PARA ANALISAR DADOS DE 100 MIL USU...
Codecon
122,327 views
As melhores fontes para programar | As fontes que já usei e recomendo
11:32
As melhores fontes para programar | As fon...
Clube Full-Stack
3,943 views
Python do ZERO ao JÚNIOR - Os vendedores de curso CHORAM | Rápido & Sem enrolação
29:42
Python do ZERO ao JÚNIOR - Os vendedores d...
Programador Python
665,491 views
VSCode: A melhor configuração para você PROGRAMAR!
15:26
VSCode: A melhor configuração para você PR...
Gabriel Rangel - Fala, Coders!
72,558 views
Como criar um MENU PERSONALIZADO com HTML e CSS
23:14
Como criar um MENU PERSONALIZADO com HTML ...
Bruno Rodrigues • Inteliogia
54,814 views
Copyright © 2025. Made with ♥ in London by YTScribe.com