Programação

Página especial sobre itens de programação

VsCode

Configurações base VsCode

Ambiente Virtual

É recomendado utilizar ambientes virtuais para isolar as dependências dos projetos Python.

Para criar

python -m venv nome_do_ambiente

Para ativar

.\nome_do_ambiente\Scripts\activate

Plugins

Abaixo segue a lista de plugins que tenho instalado:

Auto Rename Tag'

Esse plugin remove a necessidade de mudar o nome da tag duas vezes

Color Highlight

Esse plugin mostra a cor exata de todos RGB’s ou HEX em seu código, muito útil para quem trabalha com CSS ou SASS;

DotEnv

Plugin que utilizo para ter suporte à sintaxe .env, muito útil para quem trabalha com NodeJS, ReactJS ou qualquer outro tipo de projeto web;

Dracula Official

Tema que utilizo no meu VSCode e em todos outros editores/terminais, pra mim foi o tema que mais me agradou durante mais tempo e olha que já usei muitos;

EditorConfig

Plugin utilizado para padronizar quebra de linha, indentação, espaços e tabs entre desenvolvedores de um mesmo projeto;

ESLint

Plugin utilizado para padronizar código entre desenvolvedores como utilização de pontos e vírgulas, tamanho máximo de caracteres em linhas e todo outro tipo de padronização. Recomendo muito a utilização desse plugin junto aos guias de estilo do AirBnB;

Markdown All in One

Plugin que utilizo para escrever e ler Markdown dentro do VSCode, muito útil para documentações o README’s do Github;

Material Icon Theme

Utilizo para exibir os ícones de acordo com a linguagem utilizada na minha sidebar. Fica muito legal mesmo pois esse plugin identifica a grande parte de libs e ferramentas.

Configurações

Dentro de "{ }" e "," após cada configuração

{

  //Define o tema do VSCode
  "workbench.colorTheme":"Dracula",

  //Configura tamanho e família da fonte
  "editor.fontSize":16,
  "editor.lineHeight":24,
  "editor.fontFamily":"Fira Code",
  "editor.fontLigatures":true,

  //Aplica linhas verticais para lembrar de quebrar linha em códigos muito grandes
  "editor.rulers": [80,120],

  //Aplica um sinal visual na esquerda da linha selecionada
  "editor.renderLineHighlight":"gutter",

   //Aumenta a fonte do terminal
  "terminal.integrated.fontSize":14,

  "workbench.iconTheme":"material-icon-theme"

}