Config

Config is a basic checklist I follow to set up macOS development environment.

Contents

File	Description
.bash_profile	Customizes the Terminal.app prompt and echoes the currently checked out Git branch
.gitconfig	Global Git configuration to specify my name and email, shortcuts, colors, and more
.inputrc	Makes tab autocompletion case insensitive
.hyper.js	Custom settings for Hyper terminal
settings.js	Custom settings for Visual Studio Code
settings.js	Custom set of key bindings for Visual Studio Code

Checklist

1. Switch zsh for bash

• Set bash the default shell on macOS

chsh -s /bin/bash

2. Load config files

• Load .bash_profile
• Load .gitconfig
• Load .inputrc

3. Copy or create SSH keys

• Copy existing id_rsa and id_rsa.pub keys to ~/.ssh folder
• Or generate a new SSH key
• Fix keys permissions

chmod 600 ~/.ssh/id_rsa
chmod 600 ~/.ssh/id_rsa.pub

4. Setup Homebrew and install packages

• Install Homebrew
• Update bash to latest version
• Update Git to latest version
• Install bash-completion
• Install Yarn

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
brew install bash
brew install git
brew install bash-completion
brew install yarn

5. Setup Node.js and npm

• Install nvm
• Install latest Node.js LTS version
• Set as global version of Node.js
• Upgrade npm to latest version

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
nvm install --lts
nvm alias default node
nvm install-latest-npm

6. Setup Hyper terminal

• Install Hyper
• Load .hyper.js config file on user folder

brew install --cask hyper

7. Install Fira Code font

• Download and install Fira Code font files

brew tap homebrew/cask-fonts
brew install --cask font-fira-code

8. Setup code editor

• Install Visual Studio Code
• Enable launch from command line
• Install extensions
  • City Lights Icon
  • colorize
  • ESLint
  • EditorConfig
  • GitHub Copilot
  • GitHub Theme
  • GitLens
  • Import Cost
  • npm Intellisense
  • Path Intellisense
  • Prettier
  • Sort lines
  • Stylelint
  • Tailwind CSS IntelliSense
  • WSL
• Load settings.json config file
• Load keybindings.json file

9. macOS Preferences

  # Dock
  # Move Dock to the left side
  defaults write com.apple.dock orientation left

  # Set Dock icon size
  defaults write com.apple.dock tilesize -integer 40

  # Lock Dock from being resized
  defaults write com.apple.dock size-immutable -bool true

  # Clear out the dock of default icons
  defaults delete com.apple.dock persistent-apps
  defaults delete com.apple.dock persistent-others

  # Don’t show recent applications in Dock
  defaults write com.apple.dock show-recents -bool false

  # Finder
  # Make hidden files visible on Finder
  defaults write com.apple.finder AppleShowAllFiles true

  # When performing a search, search the current folder by default
  defaults write com.apple.finder FXDefaultSearchScope -string "SCcf"

  # Prevent .DS_Store files
  defaults write com.apple.desktopservices DSDontWriteNetworkStores -bool true

  # System Preferences
  # Enable tap to click for trackpad
  defaults write com.apple.driver.AppleBluetoothMultitouch.trackpad Clicking -bool true

  # Disable keyboard autocorrect
  defaults write NSGlobalDomain NSAutomaticSpellingCorrectionEnabled -bool false

  # Disable Dashboard
  defaults write com.apple.dashboard mcx-disabled -bool true

  # Don’t show Dashboard as a Space
  defaults write com.apple.dock dashboard-in-overlay -bool true

  # Show battery percentage in menu bar
  defaults write com.apple.menuextra.battery ShowPercent -string "YES"

  # Restart Finder and Dock
  killall Finder
  killall Dock

Use it yourself

Fork this repo, or just copy-paste things you need, and make it your own. Please be sure to change your .gitconfig name and email address though!