remoharsono/.md

## .md

      
    Raw
  

              .md
            
          
    Setup your development environment for OS X

I bought new Macbook Pro 15 Retina. These are tools I like to install on macOS operating system.
Checklist

Prep OS X


Download and install latest version of Xcode from the Mac App Store.
Download and install Apple's Command Line Tools by issuing this command xcode-select --install

Other


Download Node.js
This will install Node.js and NPM, but I want latest version of NPM. So I needed to run

sudo npm install -g npm@latest


Then install Git, Atom, Desktop GitHub, Gitter


Setup iTerm2 terminal emulator. Download iTerm2, then create new iTerm profile named blagoeres, download and install Oh-my-ZSH and Dracula Theme for iTerm and install theme by following instructions.


Download Sublime Text 3 program and plugins Package Control, SublimeLinter, ColorHighlighter, ColorPicker, SideBarEnhancements, AutoFileName, AutoPrefixer, Seti_UI, SpaceGray, Solarized, Material Theme, Dracula Theme, Schemr, Themr, EditorConfig, Emmet, Cobalt 2, MarkdownEditing, JavaScriptNext ES6 Syntax, Seti_UX, Soda Theme, Predawn theme, AdvancedNewFile, CSS3, SCSS, Sass, ApplySyntax, Origami, ColorHelper, WildCherry Theme, Emoji, ColorSublime, Haml, Jade, Handlebars, Pug, PackageResourceViewer, SublimeLinter-php, SublimeLinter-contrib-eslint


I like these programs WebStorm, Brackets, Coda 2, Transmit, Oracle VM VirtualBox, Gifgrabber, Sketch App, Pixelmator, Alfred, ImageOptim, PNGMini, Divvy, Spectacle, GPGTools, Visual Studio Code, , Homebrew, Slack, Glyphs, Codekit, TextMate, Espresso, ScreenFlow, MAMP, Vagrant, ColorSnapper, Dropbox, 1password, Contexts, Telegram, GitTower, IA Writer, Cloud App, Skype, Camatasia, Safari Technology Preview, Webkit Nightly, Google Chrome Canary, WMWare Fusion, Sequel Pro, Dash, Thunderbird, Reflector 2, MacVim, PHP Storm, Screen-Cast-O-Matic, QuickLensApp, Marked 2, SourceTree App, CodeRunner 2, BinaryNights, LastPass, Xcode 8 IDE, Android Studio, Visual Studio, CyberDuck, Google Drive App, TextExpander, Textual, Parallels, GhostLab, Hammer for Mac, PrePros, SnippetsLab, Charles Proxy, OneDrive for Mac, FishShell, Kaleidoscope, UlyssesApp, MySQL Server, FileZilla, Navicat, Heroku toolbelt, Keeper, AirMail, RoboMongo, Postgresapp, Ngrok, Ghost Desktop App, Bartender 2, Clipmenu, Flux, XtraFinder, AppCleaner, Apple Remote Desktop, Moom, LightTable, Sip App, Spotify, OmniGraffle, Sococo App, RStudio, aText, Clocks, Coffitivity, LICEcap, Sneek App, Jeff App, Things App, ImageMagick, FFmpeg, NoSleep, CheatSheet, Gimp, Patterns, RESTed, Yoink, Little Snitch 3, Scout App, Tapes: Screencast Sharing, GitUp, iStat Menus, Evom, BetterTouchTool, BetterSnapTool, GitKraken, Postman, iHash, GifBrewery, ScreenyApp, SkyFonts, Byword, MultiMarkdown Composer, SimpleNote, nvALT, Notational Velocity, Deckset, Creative Cloud app, Andorid File Transfer


Run:
 sudo npm install -g gulp-cli
 sudo npm install -g grunt-cli
 sudo npm install -g browser-sync
 sudo npm install -g bower
 sudo npm install -g yo
 sudo npm install -g eslint
 sudo npm install -g less
 sudo npm install -g stylus
 sudo npm install -g surge
 sudo npm install -g live-server ?
 sudo npm install -g node-sass ?
 
 sudo gem install -n /usr/local/bin sass
 sudo gem install -n /usr/local/bin jekyll
 sudo gem install -n /usr/local/bin bundler


Make Sublime Text 3 symbolic link:
 cd /usr/local/bin
 sudo ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" subl


Create .bash_profile file inside of home directory and paste this:
 export PATH=/usr/local/bin:$PATH
 export CLICOLOR=1
 export LSCOLORS=ExFxCxDxBxegedabagacad


Set Sublime Text 3 to use soft tabs with 2 spaces in Preferences and disable detection of indentation and other prefs. Download source code pro font https://github.com/adobe-fonts/source-code-pro/releases/tag/2.030R-ro/1.050R-it
 // Settings in here override those in "Default/Preferences.sublime-settings",
 // and are overridden in turn by syntax-specific settings.
 {
   "font_size": 16,
   "font_face": "Source Code Pro",
   
   "color_scheme": "",
   "theme": "",
   
   "tab_size": 2,
   "translate_tabs_to_spaces": true,
   "detect_indentation": false,
 
   "draw_minimap_border": true,
 
   "line_padding_bottom": 1,
   "line_padding_top": 1,
 
   "highlight_line": true,
   "highlight_modified_tabs": true,
   "bold_folder_labels": true,
   "fade_fold_buttons": false,
 
   "wide_caret": true,
   "caret_style": "blink",
   "caret_extra_bottom": 2,
   "caret_extra_top": 2,
   "caret_extra_width": 2,
 
   "match_brackets": true,
   "match_brackets_angle": true,
   "match_brackets_braces": true,
   "match_brackets_content": true, 
   "match_brackets_square": true,
 
   "auto_complete_delay": 5,
 
   "show_line_endings": true,
   "show_encoding": true,
 
   "indent_guide_options": ["draw_normal", "draw_active"],
   "folder_exclude_patterns": [".svn", ".git", ".hg", "CVS", ".DS_Store", ".sass-cache"],
   "file_exclude_patterns": ["*.pyc", "*.pyo", "*.exe", "*.dll", "*.obj","*.o", "*.a", "*.lib", "*.so", "*.dylib", "*.ncb", "*.sdf", "*.suo", "*.pdb", "*.idb", ".DS_Store", "*.class", "*.psd", "*.db", "*.sublime-workspace", "*.css.map", "*.js.map"],
   "ignored_packages": ["Vintage"],
 }


Go to Preferences --> Package Settings --> Color Highlighter --> Settings User and set:
 {
         "ha_style": "filled"
 }


Install Source Code Pro font for Sublime Text 3


Set up git configuration - ~/.gitconfig
git config --global user.name "Blago Eres"
git config --global user.username "blagoeres"
git config --global user.email "john-doe@gmail.com"

git config --global core.editor "nano -w"
git config --global color.ui true
git config --global core.autocrlf "input"

# Global ignore file
git config --global core.excludesfile ~/.gitignore


[user]
       	name = Blago Eres
       	email = email@gmail.com
       	username = blagoeres
[color]
       	ui = true
[core]
       	autocrlf = input
       	editor = nano -w
[alias]
       	s = status -s
       	lg = log --oneline --all --graph --decorate
       	br = branch
       	st = status
       	co = checkout


Generate SSH key so you can access GitHub over SSH protocol and paste it in GitHub settings


# Generating a new SSH key
$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
$ cat ~/.ssh/id_rsa.pub | pbcopy

# Check if SSH is working
$ ssh -T git@github.com

# Make SSH configuration in ~ directory
$ touch ~/.ssh/config


Make TextMate symbolic link
ln -s /Applications/TextMate.app/Contents/Resources/mate ~/bin/mate


Sublime text shortcuts - cmd + t, cmd + r, cmd + alt + g, cmd + d, cmd + ctrl + g


http://www.sublimetext.com/docs/3/index.html
http://iterm2colorschemes.com/
http://www.typography.com/fonts/operator/overview/
http://ethanschoonover.com/solarized#download
https://caskroom.github.io/
http://www.trevordmiller.com/nova/
Iterm 2
cmd + t, cmd + w, cmd + d