Skip to content

Instantly share code, notes, and snippets.

@blattmann
Last active October 3, 2019 11:52
Show Gist options
  • Save blattmann/3db5f06865db6fdf30f764b41ed51e96 to your computer and use it in GitHub Desktop.
Save blattmann/3db5f06865db6fdf30f764b41ed51e96 to your computer and use it in GitHub Desktop.

Mac OSX fresh setup for Front End Developers

General setup

Lines starting with $ mean: You have to paste that stuff in your terminal and execute it (without the $ sign)

  • Display hidden files and folders: $ defaults write com.apple.finder AppleShowAllFiles TRUE;killall Finder
  • Always show Library folder: $ chflags nohidden ~/Library/

Homebrew

  • Install Homebrew: $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  • Install wget: $ brew install wget
  • Install Node: $ brew install node
  • Install Node: $ brew install git
  • Install Node: $ brew install git-lfs

** Test if Node is installed: $ node -v ** Test if NPM is installed: $ npm -v

Optional

Java SDK

  • Install latest JDK: $ brew cask install java

Continous integration

  • Install Jenkins: $ brew install jenkins
  • Note: When using launchctl the port will be 8080. (e.g.: http://localhost:8080/)
  • To have launchd start jenkins now and restart at login: $ brew services start jenkins
  • Or, if you don't want/need a background service you can just run: $ jenkins
  • Location of initial Jenkins Plugin: $ /Users/<CURRENT_USER>/.jenkins/secrets/initialAdminPassword

Install most needed Node packages:

  • $ npm install -g grunt grunt-cli grunt-init gulp gulp-cli bower yo generator-generator sass underscore babel
  • $ npm install -g jscs jshint jsxhint mocha mocha-phantomjs node-inspector node-static lodash vorlon webpack webpack-dev-server
  • $ npm install -g purify-css csslint eslint scss-lint

IE testing environment

  • Download and install [Virtual Box] (https://www.virtualbox.org/)

  • Automated installation of the [Microsoft IE App Compat virtual machines] (http://xdissent.github.com/ievms)

  • Install IE 10, 11: $ curl -s https://raw.githubusercontent.com/xdissent/ievms/master/ievms.sh | env IEVMS_VERSIONS="10 11" bash

  • Currently the auto install of Edge is buggy so we use this temp. workaround: $ curl -s https://raw.githubusercontent.com/Jamesking56/ievms/patch-2/ievms.sh | env IEVMS_VERSIONS="EDGE" bash Read up: https://github.com/xdissent/ievms/pull/295

HINT: This will take a while (> 2 hours depending on your download speed)!!!

Configure Git:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment