MUSHFIQUR'S BLOG
#dev-setup#macos#fresh-install#minimal-list

Quick macOS Setup for Web Devs

Published on
/3 mins read/...

New Mac? Let's get coding quickly! This guide provides the essential setup for web development on a fresh macOS install. You'll be coding in about 30 minutes .

Quick System Tweaks

  1. Mouse:
  2. Increase tracking speed.
  3. Enable "Natural scrolling."
  4. Right-click on the right side.
  5. Enable Smart zoom.
  6. Keyboard:
  7. Set key repeat to "fast" and delay to "short".
  8. Appearance:
  9. Consider Light Mode.
  10. Enable Night Shift (Sunset to Sunrise) for eye protection.
My working space

Essential Apps & Tools

  1. Web Browser: Install Google Chrome (or your preferred browser).
  1. iTerm2: Download and install iTerm2 (a better terminal). Use your favorite theme, like Solarized Light.
  1. Homebrew: Install Homebrew, a macOS package manager:
    xcode-select --install
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
    brew doctor # verify installation
  1. Git: Install and configure Git:
    brew install git
    which git # verify installation
    git config --global user.name "your-github-username"
    git config --global user.email "your@email.com"
  1. Visual Studio Code: Install VS Code (or your preferred IDE). Consider these extensions:
My VS Code preview
  1. Python: Install Python using Pyenv:
    brew install pyenv
    # Follow terminal instructions, and add `eval "$(pyenv init -)"` to .bash_profile
    source ~/.bash_profile
    pyenv install --list # List available versions
    pyenv install 3.12.x # Install the latest (example)
  1. Node.js: Install Node.js with NVM:
    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
    command -v nvm # Verify installation
    nvm install node # Install latest
    nvm use node # Use latest

Install pnpm for fast package management:

    npm install -g pnpm
  1. Ruby: Install Ruby using rbenv:
    brew install rbenv
    # add `eval "$(rbenv init -)"` to .bash_profile
    source ~/.bash_profile
     rbenv install --list
     rbenv install 3.x.x # Replace 3.x.x with the latest
  1. Databases:
  • PostgreSQL:
      brew install postgresql
      brew services start postgresql
      # Create a new user
      sudo -u postgres createuser -s <username>

      #  Create a database
      sudo -u postgres createdb <database-name> -O <username>

      # Connect to the database to verify if it works
      psql -d <database-name> -U <username>
  • Redis:
      brew install redis
      brew services start redis
       redis-cli ping # Test the connection to the server
  1. Applications:
My applications

Optional Tools:

  • Docker
  • Git GUI (Sourcetree, etc)
  • direnv

That's it – the essentials for quick web development setup on macOS!

Let me know if you have questions .

Reactions