An attempt to store the steps for setting up a mac from scratch for web development. (Excluding any language-spcefic dependencies, for example Node.js or Ruby would not be listed here). Also note that this list only uses open source software, so replace anything with a paid alternative if appropriate.
These should be done in order:
Show hidden files by default
- open Terminal and run
defaults write com.apple.finder AppleShowAllFiles TRUE && killall Finder
Remove the delay when opening a hidden dock
- open Terminal and run
defaults write com.apple.Dock autohide-delay -float 0 && killall Dock
Change these settings off the defaults:
- preferences -> dock -> size (make small), magnification off, position bottom
- preferences -> general -> use dark menu
- preferences -> trackpad -> set secondary click to bottom right corner, tap to click on, scroll direction: natural off
- right click desktop -> view options -> icon size second smallest, grid spacing third smallest, text size 10, label positions; right
Copy the names and paste into AppStore search bar:
- Xcode
- Bitdefender Virus Scanner
- Memory Clean - Monitor and Free Up Memory
- open Terminal and run
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- run
brew install caskroom/cask/brew-cask
Open a Termainl window and run this command to instal all the basic apps you will need (it could take a while and use a lot of disk space so make sure you have both)
brew cask install appcleaner atom daisydisk iterm2 google-chrome firefox opera skype sourcetree spotify cyberduck virtualbox java android-studio openoffice shiftit slack launchrocket
These plugins for Mac's Quicklook will add the functionality for more files that a developer uses (comes from https://github.com/sindresorhus/quick-look-plugins), run this command in a CLI:
brew cask install qlcolorcode qlstephen qlmarkdown quicklook-json qlprettypatch quicklook-csv betterzipql qlimagesize webpquicklook suspicious-package
https://github.com/chrissimpkins/Hack
(or any other editor you prefer...) But if not then go here http://www.sublimetext.com/3
to get the latest version
- use this Gist https://gist.github.com/tim545/9750503 to set up ST3 for development
The easiest way I've found to manage all my projets is to make a new directory at the top level of your drive called something like projects
, web
or www
depending on what you prefer
I usually use Chrome as my developement browser as the dev tools are just better.
- AngularJS Batarang (Chrome only)
- ChromeVox (Chrome only)
- Ghostery
- uBlock
- Postman (Chrome only)
- Postman Interceptor (Chrome only)
- Slearch (Chrome only)
- JSONView
- ColorZilla
- Momentum