/MyDevEnv

MIT LicenseMIT

Notes on setting up my developer environment. These will serve as a launch pad for automating the setup process, but for now they are are Good Enough™.

General macOS settings

  • Mission Control -> Deselect automatically rearrange Spaces
  • Keyboard -> Max out Key Repeat and almost max Delay Until Repeat

Xcode CLI Tools

  • xcode-select --install

Homebrew

  • /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

iTerm2

  • brew cask install iterm2
  • Preferences
    • Appearance -> General -> Theme -> Minimal
    • Profiles
      • General -> Working Directory -> Advanced Configuration -> Reuse previous session's directory for New Tabs and Split Panes
      • Colors -> Color Presets -> Dracula
      • Text -> Configure for Fira Code and see how it goes

Xcode

VSCode

MonitorControl

Fonts and themes

VSCode settings.json

Editor settings

{
  "editor.tabSize": 2,
  "editor.fontSize": 13,
  "editor.fontFamily": "FiraCode-Retina",
  "editor.fontLigatures": true,
  "editor.formatOnSave": true,
  "window.zoomLevel": 1
}

More streamlined VSCode

{
  "editor.minimap.enabled": false,
  "breadcrumbs.enabled": false,
  "git.decorations.enabled": false,
  "explorer.openEditors.visible": 0,
  "workbench.fontAliasing": "antialiased",
  "zenMode.fullScreen": true,
  "workbench.activityBar.visible": false,
  "editor.matchBrackets": "never",
  "editor.renderLineHighlight": "none",
  "editor.renderIndentGuides": false,
  "editor.renderControlCharacters": false,
  "workbench.sideBar.location": "right",
  "scm.diffDecorationsGutterVisibility": "hover",
  "editor.glyphMargin": false,
  "editor.folding": true,
  "window.title": "${activeEditorMedium}${separator}${rootName}"
}

Other settings

{
  "typescript.validate.enable": false,
  "javascript.validate.enable": false,
  "javascript.format.enable": false,
  "eslint.alwaysShowStatus": true,
  "eslint.packageManager": "yarn",
  "prettier.eslintIntegration": true,
  "git.autorefresh": false,
  "solargraph.useBundler": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

VSCode keybindings.json

{
  "key": "cmd+t",
  "command": "workbench.action.terminal.toggleTerminal"
},
{
  "key": "cmd+t",
  "command": "workbench.action.terminal.focus",
  "when": "!terminalFocus"
},
{
  "key": "ctrl+cmd+e",
  "command": "editor.action.changeAll",
  "when": "editorTextFocus && editorTextFocus && !editorReadonly"
},
{
  "key": "ctrl+cmd+left",
  "command": "workbench.action.navigateBack"
},
{
  "key": "ctrl+cmd+right",
  "command": "workbench.action.navigateForward"
},

VSCode Extensions

  • Apollo GraphQL
  • AutoTrim
  • Babel JavaScript (mgmcdermott.vscode-language-babel)
  • Color Highlight (naumovs.color-highlight)
  • ESLint (dbaeumer.vscode-eslint)
  • Git Blame
  • npm Intellisense
  • Path Intellisense
  • Prettier
  • Ruby Solargraph
  • VSCode Ruby
  • Live Share
  • Markdown Preview GitHub Styling

Oh My ZSH

More .zshrc things:

plugins=(git rails yarn bundler brew)

alias zshconfig="code -n ~/.zshrc"

alias go='git checkout '
alias gx='gitup'
alias gs='git status'
alias ghi='git log --graph --pretty=format:"%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset" --abbrev-commit --date=relative'
alias ghip='git log --graph --pretty=format:"%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset" --abbrev-commit --date=relative -p'

Powerlevel10k

Configure Git

  • git config --global user.name "Karol S. Mazur"
  • git config --global user.email "my_email"

Hub

  • brew install hub
  • then use e.g. hub clone MyDevEnv

Dash

Divvy

  • https://mizage.com/divvy/
  • Settings -> Keyboard -> Shortcuts -> Input Sources -> Turn off CTRL+Space
  • Use CTRL+Space for the global shortcut
  • Basic Divvy shortcuts: 50% Left, 50% Right, Full Screen

GitUp

  • http://gitup.co
  • Install Command Line Tool
  • ssh-add fixes the ssh no callback set error

rbenv

  • brew install rbenv
  • rbenv init
  • add eval "$(rbenv init -)" to .zshrc
  • verify it works: curl -fsSL https://github.com/rbenv/rbenv-installer/raw/master/bin/rbenv-doctor | bash

Configure Ruby gem installation globally to avoid installing docs

  • echo "gem: --no-ri --no-rdoc" > ~/.gemrc
  • or include ri -> echo "gem: --no-rdoc" > ~/.gemrc

Ruby

  • install latest Ruby w/ rbenv
    • e.g. rbenv install 2.7.1
  • echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.zshrc

Additional Ruby things

  • gem install bundler
  • Installing gems per rbenv ruby version vs. globally vs. in the user directory:
    • gem env
    • best practice right now: rbenv install newest ruby version and set, then install relevant gems. this avoids the need for sudo.
    • e.g. gem install rails --user-install (in this case the user bin needs to be in the PATH)
    • Optionally setup GEM_HOME and GEM_PATH to avoid sudo: https://stackoverflow.com/a/2619731
    • gem install bundler --user-install
  • Installing gems per project
    • bundle install --path vendor/bundle
  • gem install cocoapods

nvm

  • https://github.com/nvm-sh/nvm
  • curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash
  • verify it works with: command -v nvm
  • nvm install node to download, compile, and install the latest node

Postgres.app

Yarn

  • brew install yarn

watchman

  • brew install watchman

Insomnia

React Native launch packager in iTerm

  • node_modules/react-native/scripts
    • Get Info -> Open with iTerm -> Change All...

Potentially

Z

Ye Olde Tooling

Xcode Themes