Setup MacOS for developer

1. Machine

1.1. System Preferences

• • Trackpad > Tap to click
  • Keyboard > Key Repeat > Fast (all the way to the right)
  • Keyboard > Delay Until Repeat > Short (all the way to the right)

1.2. Text Editor

• • Format > Plain text
  • Options > uncheck all

1.3. Sample Workspace

• • ~/dev/docs – contains general documents
  • ~/dev/repo – contains all repositories
  • ~/dev/projects – contains project’s resource, documents, etc…
  • ~/dev/ios, ~/dev/android, ~/dev/ruby…

2. Command Line Tools

• first at all

defaults write com.apple.finder AppleShowAllFiles YES; killall Finder

sudo chown -R $(whoami):admin '/usr/local'

2.1. Xcode Command Line Tools

• install

xcode-select --install

• or install Xcode

2.2. Oh My Zsh

• install

sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

• config shell profile
• laterly, do not modify ~/.zshrc, only modify ~/.bashrc

touch ~/.bashrc
echo 'source ~/.bashrc' >> ~/.zshrc

• oh wait, what is zsh?
  zsh = bash + autocompletion

2.3. Homebrew

• install

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

• grant permission

sudo chown -R $(whoami):admin '~/Library/Caches/Homebrew'

2.4. Version Manager

• ruby:  https://en.wikipedia.org/wiki/Ruby_(programming_language)
• php:  https://en.wikipedia.org/wiki/PHP
• node.js: https://en.wikipedia.org/wiki/Node.js
• python: https://en.wikipedia.org/wiki/Python_(programming_language)

2.4.1. Ruby – rbenv

• install

brew install rbenv

• source rbenv environment variables every shell starts

echo 'eval "$(rbenv init -)"' >> ~/.bashrc
source ~/.bashrc

• install a ruby version

rbenv install 3.0.0

• switch between ruby versions

rbenv global 2.3.1		# ~ default
rbenv local 2.4.0-dev 	# specific for current directory
rbenv shell 2.2.5		# after this, shell will run with ruby 2.2.5

• bundler is recommendation

gem install bundler

2.4.2 PHP – phpbrew

• install

curl -L -O https://github.com/phpbrew/phpbrew/raw/master/phpbrew
chmod +x phpbrew
./phpbrew init		# this will create ~/.phpbrew dir

• move phpbrew to ~/.phpbrew dir as recommendation
• source phpbrew environment variables every shell starts

mv phpbrew ~/.phpbrew/
echo 'export PATH=~/.phpbrew:$PATH' >> ~/.bashrc
echo '[[ -s ~/.phpbrew/bashrc ]] && source ~/.phpbrew/bashrc' >> ~/.bashrc
source ~/.bashrc

• install a php version

phpbrew install 7.0

• switch between php versions

phpbrew use 5.4.22 		# switch version temporarily
phpbrew switch 5.4.18		# switch default version

2.4.3. Node.js – nvm

• install

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash

• source nvm environment variables every shell starts

echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.bashrc
echo 'source "$(brew --prefix nvm)/nvm.sh"' >> ~/.bashrc
echo '[[ -r $NVM_DIR/bash_completion ]] && . $NVM_DIR/bash_completion' >> ~/.bashrc
source ~/.bashrc

• install a node version

nvm install 7.2.0

• switch between node versions

nvm use 7.2.0				# select node for this shell
nvm alias default 7.2			# select node for any shell

• special case: install a system node with homebrew

brew install node			# /usr/local/node

2.4.4. Python – pyenv (~rbenv)

• install

brew install pyenv

• source pyenv environment variables every shell starts

echo 'eval "$(pyenv init -)"' >> ~/.bashrc
source ~/.bashrc

• install a python version

pyenv install 2.7.12

• switch between python versions

pyenv global 2.7.12		# ~ default
pyenv local 2.7.12	 	# specific for current directory
pyenv shell 2.7.10		# after this, shell will run with python 2.7.10

3. IDE

• Xcode:  https://developer.apple.com/download/
• Android Studio:  https://developer.android.com/studio/index.html
• RubyMine:  https://www.jetbrains.com/ruby/
• PHPStorm:  https://www.jetbrains.com/phpstorm/?fromMenu
• WebStorm:  https://www.jetbrains.com/webstorm
• PyCharm:  https://www.jetbrains.com/pycharm

4. Editor

4.1. Sublime Text 3

• FOR SPEED ABOVE ALL ELSE
  • The gold standard of text editors for its performance
  • Philosophy of getting things done as quickly as possible
• Features:
  • Goto Anything: is a super convenient way to open files and instantly jump to particular lines, words, or symbols
  • Multiple Selections: allows you to change multiple lines of code at once

4.2. Brackets – Adobe

• FOR FRONT-END WORK AND PHOTOSHOP INTEGRATION
  • Comes to front-end web development
  • Integration with Adobe products
• Features:
  • Live Preview: instantly see HTML and CSS changes in a convenient preview window
  • Code Hints: integrates with Photoshop, allowing you to extract important information from PSD files (like colors, fonts, and measurements)

4.3. Atom – Github

• FOR MAXIMUM EXTENSIBILITY
  • Borrows a lot of the UI, shortcuts, and functionality that made people love Sublime
  • Built-in package manager makes it easy to start adding packages right away
• Features:
  • Built on web technology
  • From a versatile text editor to being a fully fledged IDE

4.4. Visual Studio Code – Microsoft

• PLUG AND PLAY
  • Provide an all-in-one solution for web developers
  • Start to code without having to set up anything
• Features:
  • Focussed on Node and ASP.NET development
  • Build-in package manager, Git, Task runner, Linter

Thanks to Mr. Dao Nguyen V.

• GitHub: https://github.com/at-daonguyen
• Asian Tech Co., Ltd.

Written by chuotfx

Hãy ngồi xuống, uống miếng bánh và ăn miếng trà. Chúng ta cùng nhau đàm đạo về đời, về code nhóe!