Front-end development mac setup

Utilities and install guide to setup a fresh mac install for Front-end development.

Installs:

• Homebrew package manager

• Editor: Atom

• Code: nvm(node), php, composer, python, ruby(rbenv)

• Developer tools: git, git-extras, bash-completion, filezilla, virtualbox

• Browsers: Google Chrome, Firefox, Microsoft Edge

---

Table of contents

0. Install Homebrew
1. Download this project
2. Install software with Homebrew
3. Setup ssh key
4. Setup git

---

Install Homebrew

Install Homebrew

---

Download this project

Use OS git version or unzip:

    git clone https://github.com/rvantonisse/fed-mac-setup.git

    cd fed-mac-setup

Commands run from now on asume you are inside fed-mac-setup/ directory.

---

Install software with Homebrew

Install using the Brewfile:

    brew bundle

This will tap Homebrew/bundle and install everything listed inside the Brewfile.

---

Setup zsh

  cp ./zsh-setup/.zshrc ~/.zshrc

The brewfile installed the cli plugin Powerlevel10k which gives a nice interface for zsh. It will setup upon next cli app start.

---

Setup Git

Global config

Copy the .gitconfig to ~/ and edit <…>-fields:

    cp .git-setup/.gitconfig ~/ && atom .gitconfig

SSH setup

Follow Setup ssh key from Github help.

And copy config for ssh:

    cp ./ssh-setup/config ~/.ssh/config

---

Node with node version manager (nvm)

• With nvm command, install latest Long Term Support (lts) node version and set to default:

  nvm install --lts
  
  nvm alias default $(nvm version)

TODO

• Create grab_some_coffee.sh script for convenience. Look into dotfiles setup; But maybe to much scripting is not so handy when you dont update your stack frequently or have to install on a daily basis. Better for team setups.