As configurações deste meu VSCode pode ser diferente para outros tipos de dispositivos, como uns Mackbook, outros sistemas operacionais e etc. Uso um Laptop da marca Samsung. Ou pelo menos só na categoria "Configurações Gerais".
Essa é minha configuração geral, que você pode copiar e colar (Ctrl + C | Ctrl + V ). Eu estou atualmente utilizando está configuração, basicamente deixo toda a área visual ou a interface do VSCode "Minimalista", deixando mais limpo e com menos distrações, sendo assim, muito fácil de utilizar e trabalhar com os comandos, ainda irei dá mais detalhes, como fonte, cursor e mais!
{
"editor.cursorBlinking": "phase",
"editor.cursorSmoothCaretAnimation": "on",
"editor.fontSize": 12,
"liveServer.settings.donotShowInfoMsg": true,
"editor.lineHeight": 1.8,
"editor.rulers": [80, 120],
"editor.fontFamily": "'Fira Code'",
"window.zoomLevel": 0,
"editor.renderLineHighlight": "gutter",
"editor.fontLigatures": true,
"breadcrumbs.enabled": false,
"workbench.statusBar.visible": false,
"window.commandCenter": false,
"workbench.layoutControl.enabled": false,
"workbench.startupEditor": "none",
"explorer.compactFolders": false,
"editor.cursorWidth": 1,
"editor.formatOnSave": true,
"glassit.alpha": 240,
"editor.minimap.scale": 2,
"editor.minimap.sectionHeaderFontSize": 3,
"workbench.iconTheme": "material-icon-theme",
"editor.minimap.size": "fill",
"powermode.enabled": true,
"editor.minimap.enabled": false,
"workbench.editor.empty.hint": "hidden",
"workbench.colorTheme": "Dracula Theme"
}
A fonte "Fira Code" é uma das fontes populares por ter uma leitura simples e além disso, ficar bonito com diversas temáticas. Tem a JetBrains Mono mas não sou muito fâ desta fonte, acho o Fira Code como uma das melhores fonte, em minha opinião.
Clique para instalar a fonte: Fira Code
As extensões do VSCode são uma das principais ferramentas de trabalho que nós usamos em nosso dia a dia. Ela são ferramentas que podem variar e da forma do jeito personalizado em que o usuário possar querer. Aqui vai as minhas extensões que eu utilizo para trabalhar com códigos no meu VSCode.
-
Utilizo para formatar códigos, é mais rápido e prático. Está disponível para VSCode.
-
Ótimo para bater print de códigos e mandar fotos de estrutas codificadas para projetos, trabalhos e afins. Atualmente disponível para VSCode.
-
Destacar cores. Ótimo para se organizar e também deixa mais bonito. Está disponível para VSCode.
-
O Error Lens, é uma extensão que avisar algo ou alguma coisa com o seu código quando ele estiver sendo codificado, dando pequenos avisos. Isso é bom, até porque, trabalhar com código requer muita atenção. Disponível para o VSCode.
-
Completa sugestões. Funciona em HTML e CSS (Nome auto-explicatiovo.). Atualmente disponível.
-
Com essa extensão, você pode codificar em tempo real. Ele abre uma janela e você ver como está ficando. Disponível para VSCode.
-
Este possuí a mesma proposta do Live Preview, só que a diferença é que ele abre em uma aba no navegador ou browser. E para ver como o código está ficando, só usar o
Ctrl + S. Está disponível para VSCode. -
Como seu nome diz, ele é um formatado de código, funciona em várias línguagens. Disponível para VSCode.
-
Traduz toda a interface do VSCode para
Português Brasileiro. Disponível para VSCode.
Aqui está todos os estilos que utilizo para meu VSCode, deixa mais bonito e mais fácil de trabalhar.
Nota: esse é um tema que você pode mesclar com outros temas, e ainda ficar transparente, dando um visual legal para o seu VSCode. Use o "Z" para aumenta a opacidade e o "C" para diminui a opacidade.
- Iceberg
- Iceberg Light
- Monokai Pro
- Monokai Pro (Filter Octagon)
- Monokai Pro (Filter Ristretto)
- Monokai Pro (Filter Spectrum)
- Monokai Pro (Filter Machine)
- Monokai Classic
- Monokai Pro Icons
- Monokai Pro Monochrome Icons
- Monokai Pro (Filter Octagon) Icons
- Monokai Pro (Filter Octagon) Monochrome Icons
- Monokai Pro (Filter Ristretto) Icons
- Monokai Pro (Filter Ristretto) Monochrome Icons
- Monokai Pro (Filter Spectrum) Icons
- Monokai Pro (Filter Spectrum) Monochrome Icons
- Monokai Pro (Filter Machine) Icons
- Monokai Pro (Filter Machine) Monochrome Icons
- Monokai Classic Icons
- Monokai Classic Monochrome Icons
- Outrun Night
- Outrun Eletric
- Purple Wolf Theme
- Dracula Theme
- Dracula Theme Soft
- Shades of Purple
- Shades of Purple (Super Dark)
- Synthwave x Fluoromachine
Se você gostou, por favor, não se esqueça de me seguir pelas redes sociais e até meu GitHub. E se puder, deixe uma Estrelinha ⭐, ficarei feliz com isso.
Obs: De vez em quando, eu irei mudar algumas configurações, mas por enquanto é isso! Espero que gostem :>