Mac Os X Setup for front end development

Mac OS - Custom Settings

------------------------------------
- [Mac OS]
------------------------------------

# Dock appear fast
defaults write com.apple.dock autohide-delay -float 0

# Enable key repeats
defaults write NSGlobalDomain ApplePressAndHoldEnabled -bool false

# Unhide Library folder
chflags nohidden ~/Library

# Show all files extension
defaults write -g AppleShowAllExtensions -bool true

# Show PathBar and StatusBar
defaults write com.apple.finder ShowPathbar -bool true
defaults write com.apple.finder ShowStatusBar -bool true

# Show Full Path in Finder Title Bar
defaults write com.apple.finder _FXShowPosixPathInTitle -bool true

# Disable creation of DS_Store Files on Network Volumes and USB Drives
defaults write com.apple.desktopservices DSDontWriteNetworkStores -bool true
defaults write com.apple.desktopservices DSDontWriteUSBStores -bool true

Mac OS x Setup from scratch

------------------------------------
- [HomeBrew]
------------------------------------

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

------------------------------------
- [Program's List]
------------------------------------

- iTerm2
- Alfred
- MAMP
- Sequel Pro
- Google Chrome
- Adobe Photoshop
- Adobe Illustrator
- Spotify
- 1password
- Magnet
- Lightshot
- Skype
- Slack
- Virtual Box

------------------------------------
- [Node.js]
------------------------------------

brew install node

# Node Packages:
  - yarn
  - webpack
  - gulp
  - grunt
  - grunt-cli
  - renamer

------------------------------------
- [PHP]
------------------------------------

» Update native PHP version for MAMP version

1- Type in the Terminal: vim ~/.zshrc
2- Paste the following: export PATH=/Applications/MAMP/bin/php/php7.1.1/bin:$PATH
3- Hit ESC, Type :wq, and hit Enter
4- In Terminal, run: source ~/.zshrc

------------------------------------
- [Composer]
------------------------------------

» Composer
sudo curl -sS https://getcomposer.org/installer | php

» Make composer global
sudo mv composer.phar /usr/local/bin/composer

» Test Composer
composer.phar --version

------------------------------------
- [Git]
------------------------------------

# Git Alias
git config --global alias.st status

------------------------------------
- [Others]
------------------------------------

# Spotify Menu Icon
https://github.com/kmikiy/SpotMenu

------------------------------------
- [Sublime Text]
------------------------------------

# Create sublime command line:
sudo ln -s /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl /usr/local/bin

# Packages
  - Sidebar Enhancements
  - Emmet
  - Sass (Syntax highlight)
  - Javascript Next - ES6 Syntax
  - EditorConfig

Sublime Text - Key Bindings

[
    { "keys": ["home"], "command": "move_to", "args": {"to": "bol"} },
    { "keys": ["end"], "command": "move_to", "args": {"to": "eol"} },
    { "keys": ["shift+end"], "command": "move_to", "args": {"to": "eol", "extend": true} },
    { "keys": ["shift+home"], "command": "move_to", "args": {"to": "bol", "extend": true } },
    { "keys": ["super+h"], "command": "show_panel", "args": {"panel": "replace", "reverse": false} }
]

Sublime Text - Settings

{
    "color_scheme": "Packages/Color Scheme - Default/Mariana.sublime-color-scheme",
    "drag_text": false,
    "ensure_newline_at_eof_on_save": true,
    "font_face": "Fira Code Medium",
    "font_options":
    [
        "subpixel_antialias"
    ],
    "font_size": 13,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "line_padding_bottom": 5,
    "line_padding_top": 5,
    "shift_tab_unindent": true,
    "trim_trailing_white_space_on_save": true
}

Terminal

------------------------------------
- [Terminal]
------------------------------------

# iTerm2
https://www.iterm2.com/

# ZSH
https://github.com/robbyrussell/oh-my-zsh#getting-started

# ZSH Themes
https://github.com/robbyrussell/oh-my-zsh/wiki/themes

  » Theme: avit

# Base16 Shell Setup
https://github.com/chriskempson/base16-shell

  » Base16 Theme: base16-hopscotch

# Aliases
alias config="sudo subl ~/.zshrc"
alias hosts="sudo subl /private/etc/hosts"
alias vhosts="sudo subl /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf"