Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/korddraco/mysetupvscode

Minhas configurações que uso do VSCode, que vai desde extensões até configurações gerais. Espero que gostem! E se puder, não deixem de dá uma estrela e me seguir pelo Github e pelas redes vizinhas, ficarei grato com isso.
https://github.com/korddraco/mysetupvscode

brasil brazilian-portuguese setupvscode vscode vscode-configs vscode-extension vscode-plugin vscode-settings vscode-theme

Last synced: 26 days ago
JSON representation

Minhas configurações que uso do VSCode, que vai desde extensões até configurações gerais. Espero que gostem! E se puder, não deixem de dá uma estrela e me seguir pelo Github e pelas redes vizinhas, ficarei grato com isso.

Awesome Lists containing this project

README 

        
# 🔭 My Setup VSCode • Kord



#### 📍 Nota:



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". 



## 🌐 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"

}




## 🔮 Fonte: Fira Code



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

## 📚 Extensões:



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.



- #### Beautify css/sass/scss/less



  Utilizo para formatar códigos, é mais rápido e prático. Está disponível para VSCode.



- #### CodeSnap



  Ótimo para bater print de códigos e mandar fotos de estrutas codificadas para projetos, trabalhos e afins. Atualmente disponível para VSCode.



- #### Color Highlight



  Destacar cores. Ótimo para se organizar e também deixa mais bonito. Está disponível para VSCode.



- #### Error Lens



  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.



- #### HTML to CSS autocompletion



  Completa sugestões. Funciona em HTML e CSS (Nome auto-explicatiovo.). Atualmente disponível.



- #### Live Preview



  Com essa extensão, você pode codificar em tempo real. Ele abre uma janela e você ver como está ficando. Disponível para VSCode.



- #### Live Server



  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.



- #### Prettier - Code Formatter



  Como seu nome diz, ele é um formatado de código, funciona em várias línguagens. Disponível para VSCode.



- #### Portuguese (Brazil) Language Pack for Visual Studio Code

  Traduz toda a interface do VSCode para Português Brasileiro. Disponível para VSCode.



## 🎨 Temas:



Aqui está todos os estilos que utilizo para meu VSCode, deixa mais bonito e mais fácil de trabalhar.



> #### Glassit-VSC

  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 Theme

##### Temas de cores:

- Iceberg

- Iceberg Light



> #### Monokai Pro

##### Temas de cores:

- Monokai Pro

- Monokai Pro (Filter Octagon)

- Monokai Pro (Filter Ristretto)

- Monokai Pro (Filter Spectrum)

- Monokai Pro (Filter Machine)

- Monokai Classic



##### Temas de ícones de arquivo:

- 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

##### Temas de cores:

- Outrun Night

- Outrun Eletric



> #### Purple Wolf Theme

##### Temas de cores:

- Purple Wolf Theme



> #### Dracula Theme Official

##### Temas de cores:

- Dracula Theme

- Dracula Theme Soft



> #### Shades of Purple

##### Temas de cores:

- Shades of Purple

- Shades of Purple (Super Dark)



> #### Synthwave x Fluoromachine

##### Temas de cores:

- Synthwave x Fluoromachine



## 📌 Nota:

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 :>