Steps working with Mac OS for development

Mac OS dev setup.md

1. Install Visual Studio Code.
2. Install iTerm2.
   • Activate gitfast plugin.
     • vi ~/.zshrc and add gitfast on plugins line.
3. Setup SSH key for git.
   • ssh-keygen -t rsa
   • pbcopy < ~/.ssh/id_rsa.pub
4. Turn on hidden files in Finder
   • defaults write com.apple.finder AppleShowAllFiles YES
   • Hold the 'Option/alt' key, then right click on the Finder icon in the dock and click Relaunch.
5. Set user information on global level.
   • git config --global user.name ""
   • git config --global user.email ""
6. Create a new global .gitignore file.
   • vi ~/.gitignore
   • To update the file, press i to edit the file (insert mode), make any changes, and then press: to exit insert mode, and then wq! (write, quit, don't ask me any questions) to save.
   • git config --global core.excludesfile ~/.gitignore
7. Install Node.js
8. Install TypeScript. (Next time try without sudo.)
   • sudo npm install -g typescript
9. Install Homebrew.
   • /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
10. Install .NET Core.
    • https://www.microsoft.com/net/core#macos
11. Install Oh My Zsh.
    • sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
    • When the installation is done, edit ~/.zshrc (vi ~/.zshrc and set ZSH_THEME="agnoster"
    • Download and install Meslo font
12. Install Cordova
    • sudo npm install -g cordova
13. Install Cordova extension for Visual Studio Code.
    • From the Command Palette (Cmd + P) run ext install cordova
14. Install Java JDK (for Android testing on Cordova)
    • http://www.oracle.com/technetwork/java/javase/downloads/index.html
    • See also https://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html
15. Install Hugo (for blog)
    • brew install hugo
16. Install Cask (for various installs)
    • brew tap caskroom/cask
17. Install MacDown (for Markdown editing)
    • brew cask install macdown
18. Install The Unarchiver
19. Install ImageMagick
    • brew update && brew install imagemagick

At some point I noticed that Git was pointing to the Apple version.

1. brew info git
2. brew upgrade git
3. git --version
4. brew doctor
5. which git
6. echo 'export PATH="/usr/local/bin:$PATH"' >> ~/.zshrc
7. source ~/.zshrc will reload the shell config.

Get PATH variable.

• echo $PATH

Getting an updated version of Ruby.

1. brew install rbenv ruby-build
2. rbenv init
3. vi ~/.zshrc
4. Add eval "$(rbenv init -)" near the end, after export PATH=
5. List all versions of Ruby that can be installed: rbenv install -l

Start web server in current directory.

• python -m SimpleHTTPServer 8000

MacBook Air Dev Setups.md

1. Install Google Chrome.
2. Install Visual Studio for Mac.
3. Install iTerm2.
4. Install Oh My Zsh.
   1. sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
   2. When prompted, install XCode-related tools.
   3. When the installation is done, edit ~/.zshrc (vi ~/.zshrc) and set ZSH_THEME="agnoster"
   4. Download and install Mezlo font.
      • Preferences → Profiles → Text → Change Font
   5. source ~/.zshrc to refresh settings.
   6. Activate gitfast plugin.
      • vi ~/.zshrc and add gitfast on plugins line.
5. Turn on hidden files in Finder
   • defaults write com.apple.finder AppleShowAllFiles YES
   • Hold the option and control keys, then click on the Finder icon in the dock and click Relaunch.
6. Install Homebrew.
   • /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
7. Install Node.js
8. Setup SSH key for git.
   1. ssh-keygen -t rsa
   2. pbcopy < ~/.ssh/id_rsa.pub
      • Use this for git-related services/anything that needs your SSH public key.
9. Install Visual Studio Code.
10. Install Cask (for various installs)
    • brew tap caskroom/cask
11. Install MacDown (for Markdown editing)
    • brew cask install macdown
12. Set Git user information on global level.
    • git config --global user.name ""
    • git config --global user.email ""
13. Install a new version of Git.
    1. brew install git
    2. git --version
       • This will show an older version of Git, that comes with the OS.
    3. brew doctor
    4. which git
    5. echo 'export PATH="/usr/local/bin:$PATH"' >> ~/.zshrc
    6. source ~/.zshrc will reload the shell config.
    7. which git and git --version should now show the proper version.
14. Create a new global .gitignore file.
    • vi ~/.gitignore
      • To update the file, press i to edit the file (insert mode), make any changes, and then press: to exit insert mode, and then wq! (write, quit, don't ask me any questions) to save.
    • git config --global core.excludesfile ~/.gitignore
15. Install TypeScript.
    • npm install -g typescript
16. Install ImageMagick
    • brew install imagemagick
17. Install Hugo (for blog)
    • brew install hugo
18. Install Cordova
    • npm install -g cordova
19. Install Ruby
    1. brew install rbenv ruby-build
    2. rbenv init
    3. vi ~/.zshrc
    4. Add eval "$(rbenv init -)" near the end, after export PATH=
    5. List all versions of Ruby that can be installed: rbenv install -l
20. Install .NET Core.
21. Install PowerShell Core
    1. brew install powershell
22. Create an alias to start a webserver.
    1. vi ~/.zshrc
    2. Add the following at the end of the document: alias webserver='python -m SimpleHTTPServer'
    3. Use esc then :wq to exit and save changes.
    4. source ~/.zshrc to reload the profile.
    5. Now you can run webserver 8000 to start a web server on port 8000 in the current directory.

NPM Commands.md

• Find all globally installed packages: npm ls -g --depth 0
• Install/update a package globally: npm install http-server -g
• Upgrade npm: npm install npm@latest -g
• Find outdated global packages: npm outdated -g --depth=0
• Output audit to less for better scrolling/etcetera: npm audit | less

Another option for using a webserver is: npm install npm@latest -g to make sure npm is current and then npm install http-server -g.

Now running http-server from a directory will start up an instance (and list the IPs it can be accessed from) and http-server -h will display all parameters that can be passed.

Custom theme, placed in ~/.oh-my-zsh/themes

# Based upon agnoster's Theme, with personal customizations by James Skemp.

# vim:ft=zsh ts=2 sw=2 sts=2
#
# agnoster's Theme - https://gist.github.com/3712874
# A Powerline-inspired theme for ZSH
#
# # README
#
# In order for this theme to render correctly, you will need a
# [Powerline-patched font](https://github.com/Lokaltog/powerline-fonts).
# Make sure you have a recent version: the code points that Powerline
# uses changed in 2012, and older versions will display incorrectly,
# in confusing ways.
#
# In addition, I recommend the
# [Solarized theme](https://github.com/altercation/solarized/) and, if you're
# using it on Mac OS X, [iTerm 2](http://www.iterm2.com/) over Terminal.app -
# it has significantly better color fidelity.
#
# # Goals
#
# The aim of this theme is to only show you *relevant* information. Like most
# prompts, it will only show git information when in a git working directory.
# However, it goes a step further: everything from the current user and
# hostname to whether the last call exited with an error to whether background
# jobs are running in this shell will all be displayed automatically when
# appropriate.

### Segment drawing
# A few utility functions to make it easy and re-usable to draw segmented prompts

CURRENT_BG='NONE'

# Special Powerline characters

() {
  local LC_ALL="" LC_CTYPE="en_US.UTF-8"
  # NOTE: This segment separator character is correct.  In 2012, Powerline changed
  # the code points they use for their special characters. This is the new code point.
  # If this is not working for you, you probably have an old version of the
  # Powerline-patched fonts installed. Download and install the new version.
  # Do not submit PRs to change this unless you have reviewed the Powerline code point
  # history and have new information.
  # This is defined using a Unicode escape sequence so it is unambiguously readable, regardless of
  # what font the user is viewing this source code in. Do not replace the
  # escape sequence with a single literal character.
  # Do not change this! Do not make it '\u2b80'; that is the old, wrong code point.
  SEGMENT_SEPARATOR=$'\ue0b0'
}

# Begin a segment
# Takes two arguments, background and foreground. Both can be omitted,
# rendering default background/foreground.
prompt_segment() {
  local bg fg
  [[ -n $1 ]] && bg="%K{$1}" || bg="%k"
  [[ -n $2 ]] && fg="%F{$2}" || fg="%f"
  if [[ $CURRENT_BG != 'NONE' && $1 != $CURRENT_BG ]]; then
    echo -n " %{$bg%F{$CURRENT_BG}%}$SEGMENT_SEPARATOR%{$fg%} "
  else
    echo -n "%{$bg%}%{$fg%} "
  fi
  CURRENT_BG=$1
  [[ -n $3 ]] && echo -n $3
}

# End the prompt, closing any open segments
prompt_end() {
  if [[ -n $CURRENT_BG ]]; then
    echo -n " %{%k%F{$CURRENT_BG}%}$SEGMENT_SEPARATOR"
  else
    echo -n "%{%k%}"
  fi
  echo -n "%{%f%}"
  CURRENT_BG=''
}

### Prompt components
# Each component will draw itself, and hide itself if no information needs to be shown

# Context: user@hostname (who am I and where am I)
prompt_context() {
  if [[ "$USER" != "$DEFAULT_USER" || -n "$SSH_CLIENT" ]]; then
    prompt_segment black default "%(!.%{%F{yellow}%}.)$USER@%m"
  fi
}

# Git: branch/detached head, dirty status
prompt_git() {
  (( $+commands[git] )) || return
  local PL_BRANCH_CHAR
  () {
    local LC_ALL="" LC_CTYPE="en_US.UTF-8"
    PL_BRANCH_CHAR=$'\ue0a0'         # 
  }
  local ref dirty mode repo_path
  repo_path=$(git rev-parse --git-dir 2>/dev/null)

  if $(git rev-parse --is-inside-work-tree >/dev/null 2>&1); then
    dirty=$(parse_git_dirty)
    ref=$(git symbolic-ref HEAD 2> /dev/null) || ref="➦ $(git rev-parse --short HEAD 2> /dev/null)"
    if [[ -n $dirty ]]; then
      prompt_segment yellow black
    else
      prompt_segment green black
    fi

    if [[ -e "${repo_path}/BISECT_LOG" ]]; then
      mode=" <B>"
    elif [[ -e "${repo_path}/MERGE_HEAD" ]]; then
      mode=" >M<"
    elif [[ -e "${repo_path}/rebase" || -e "${repo_path}/rebase-apply" || -e "${repo_path}/rebase-merge" || -e "${repo_path}/../.dotest" ]]; then
      mode=" >R>"
    fi

    setopt promptsubst
    autoload -Uz vcs_info

    zstyle ':vcs_info:*' enable git
    zstyle ':vcs_info:*' get-revision true
    zstyle ':vcs_info:*' check-for-changes true
    zstyle ':vcs_info:*' stagedstr '✚'
    zstyle ':vcs_info:*' unstagedstr '●'
    zstyle ':vcs_info:*' formats ' %u%c'
    zstyle ':vcs_info:*' actionformats ' %u%c'
    vcs_info
    echo -n "${ref/refs\/heads\//$PL_BRANCH_CHAR }${vcs_info_msg_0_%% }${mode}"
  fi
}

prompt_bzr() {
    (( $+commands[bzr] )) || return
    if (bzr status >/dev/null 2>&1); then
        status_mod=`bzr status | head -n1 | grep "modified" | wc -m`
        status_all=`bzr status | head -n1 | wc -m`
        revision=`bzr log | head -n2 | tail -n1 | sed 's/^revno: //'`
        if [[ $status_mod -gt 0 ]] ; then
            prompt_segment yellow black
            echo -n "bzr@"$revision "✚ "
        else
            if [[ $status_all -gt 0 ]] ; then
                prompt_segment yellow black
                echo -n "bzr@"$revision

            else
                prompt_segment green black
                echo -n "bzr@"$revision
            fi
        fi
    fi
}

prompt_hg() {
  (( $+commands[hg] )) || return
  local rev status
  if $(hg id >/dev/null 2>&1); then
    if $(hg prompt >/dev/null 2>&1); then
      if [[ $(hg prompt "{status|unknown}") = "?" ]]; then
        # if files are not added
        prompt_segment red white
        st='±'
      elif [[ -n $(hg prompt "{status|modified}") ]]; then
        # if any modification
        prompt_segment yellow black
        st='±'
      else
        # if working copy is clean
        prompt_segment green black
      fi
      echo -n $(hg prompt "☿ {rev}@{branch}") $st
    else
      st=""
      rev=$(hg id -n 2>/dev/null | sed 's/[^-0-9]//g')
      branch=$(hg id -b 2>/dev/null)
      if `hg st | grep -q "^\?"`; then
        prompt_segment red black
        st='±'
      elif `hg st | grep -q "^[MA]"`; then
        prompt_segment yellow black
        st='±'
      else
        prompt_segment green black
      fi
      echo -n "☿ $rev@$branch" $st
    fi
  fi
}

# Dir: current working directory
prompt_dir() {
  prompt_segment blue black '%~'
}

# Virtualenv: current working virtualenv
prompt_virtualenv() {
  local virtualenv_path="$VIRTUAL_ENV"
  if [[ -n $virtualenv_path && -n $VIRTUAL_ENV_DISABLE_PROMPT ]]; then
    prompt_segment blue black "(`basename $virtualenv_path`)"
  fi
}

# Status:
# - was there an error
# - am I root
# - are there background jobs?
prompt_status() {
  local symbols
  symbols=()
  [[ $RETVAL -ne 0 ]] && symbols+="%{%F{red}%}✘"
  [[ $UID -eq 0 ]] && symbols+="%{%F{yellow}%}⚡"
  [[ $(jobs -l | wc -l) -gt 0 ]] && symbols+="%{%F{cyan}%}⚙"

  [[ -n "$symbols" ]] && prompt_segment black default "$symbols"
}

prompt_datetime() {
	prompt_segment white black "%D{[%m/%f/%y|%X]}"
}

## Main prompt
build_prompt() {
  RETVAL=$?
  prompt_status
  prompt_virtualenv
  #prompt_context
  prompt_datetime
  prompt_dir
  prompt_git
  #prompt_bzr
  #prompt_hg
  prompt_end
}

PROMPT='%{%f%b%k%}$(build_prompt)'$'\n'

# colors: red , blue , green , cyan , yellow , magenta , black , & white