Meu Ambiente de desenvolvimento

Apresento meu hardware, IDE, Extensões, Terminal, Plugins, Fontes, Tema e Ferramentas para Desenvolvimento de Software

Ambiente de desenvolvimento

Hardware:

  • Macbook Pro 2015, core i5, 8 GB, 120 SSD
  • Monitor LG 25' widescreen

Tema e fonte

IDE

VSCode

Extensões do VSCode:

Para funcionar tem que configurar o settings.json (cmd/ctrl+,) Habilitar fontLigatures e declarar a FireCode no fontFamily.

settings.json:

{
"editor.fontFamily":  "Fira Code",
"editor.fontLigatures":  true,
"editor.fontSize":  18,
"editor.lineHeight":  24,
"editor.formatOnSave":  true,
}
  • vscode-icons - Serve para mostrar um ícone com o tipo de arquivo.
  • color-highlight - Serve para mostrar um preview que está sendo definida no CSS.
  • EditorConfig - Configurar a IDE para todos os dev do time, seguindo as regras que vc passar no arquivo .editorconfig
  • vscode-eslint - Manter um padrão de escrita de código, defino as regras e todos e se algum código fugir da regra o eslint exibe um erro ou alerta, ótimo para padrão de escrita de código.
  • prettier-vscode - Eslint define a regra e o prettier faz com que o código se adapta a regra, corrigindo algumas coisas como identação, tipo declaração de variável, muda de aspas simples para aspas duplas se o eslint tiver com essa regra. - Garante que as regras do ESLint sejam aplicadas automaticamente, quando salva o arquivo, e se tiver o editor.formatOnSave: "true" e prettier.eslintIntegration: "true"definido no settings.json do VSCode - Sempre é bom ter o ESlint + Prettier configurados.
  • rocketseat-vscode-react-native-snippets
  • rocketseat-vscode-reactjs-snippets - Como estou programando em React Native e React + Redux estou usando esses snippets.

meu settings do VSCode - completo meu settings do VSCode com comentários - completo

Terminal

Fonte

Tema

  • https://draculatheme.com/terminal/ Instalar, só seguir o tutorial do site e depois importar para dentro do terminal - Terminal -> Preferences -> Profile -> Import ou Cmd +

Oh My Zsh

SPACESHIP_PROMPT_ORDER=(
	user # Username section
	dir # Current directory section
	host # Hostname section
	git # Git section (git_branch + git_status)
	hg # Mercurial section (hg_branch + hg_status)
	exec_time # Execution time
	line_sep # Line break
	vi_mode # Vi-mode indicator
	jobs # Background jobs indicator
	exit_code # Exit code section
	char # Prompt character
)
SPACESHIP_PROMPT_ADD_NEWLINE=false
SPACESHIP_CHAR_SYMBOL="❯"
SPACESHIP_CHAR_SUFFIX=" "

ZPlugin

Ajuda a usar o terminal, com sugestões de comandos e reportando se o comando que está sendo digitado está certo ou não exibindo um highlighting verde se estiver certo e vermelho se estiver errado.

  • zplugin Configurar, abra o arquivo, .zshrc, no final do arquivo coloque, fecha e salva o arquivo:
zplugin light zsh-users/zsh-autosuggestions
zplugin light zsh-users/zsh-completions
zplugin light zdharma/fast-syntax-highlighting

Extensões do Chrome

screen shot 2019 09 09 at 14 22 24

Ferramentas

Pronto, agora é só codar!

Comentários