Ambiente de desenvolvimento

Hardware:

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

Tema e fonte

IDE

Extensões do VSCode:

Dracula Oficial
- Aparência do meu editor de código.
Fonte: FiraCode - Download - Fonte estilosa para dar mais vontade de programar.

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

Terminal -> Preferences -> Fonts ou Cmnd + , Fonte: FiraCode - Download

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

https://ohmyz.sh/ - Terminal.
https://github.com/denysdovhan/spaceship-prompt
Como os items são exibidos na tela.
Abrir o .zshrc com: ❯ code ~/.zshrc Editar: ZSH_THEME="spaceship", salvar e fechar
Mais configurações:

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

Ferramentas

Insomnia - Cliente de serviço http, parece com Postman, serve para testar e fazer chamadas à API Rest que estiver construindo.
https://devdocs.io/ para consultar Doc Web
https://devdocs.egoist.moe/ para instalar Desktop Offline

Pronto, agora é só codar!