Kevin Sproles

A blog about front end web development. Not for the faint at heart.

Setting up your mac dev environment for AngularJS

We're gonna install everything you need for modern web development in 10 minutes tops. By the end of this post you'll be making changes to a production ready AngularJS ecommerce app.

We'll be working in the terminal, so buckle down, grab a :beer: and let's do this! In spotlight search for Terminal, and open'er up! Our pattern will be test if you have it installed, if not install it, then verify it installed a-ok.

For you visual folks, you can watch me do all these steps live on YouTube.

1. NodeJS

  • test node --version
  • download http://nodejs.org
  • install
  • test node --version
  • test for node package manager npm -v

2. Yeoman, Grunt, Bower

  • test yo -v
  • install sudo npm install -g yo (this will install yeoman, which installs grunt & bower automatically)
  • test yo -v

3. Ruby

  • test ruby -v (installed on macs by default)

4. Compass

  • test compass version
  • install sudo gem install compass
  • test compass version

5. Bundler

  • test bundle -v
  • install sudo gem install bundler
  • test bundle -v

6. Github

  • test git --version (if prompted to install X-Code dev tools say YES)
  • download https://mac.github.com
  • install
  • test git --version
  • BONUS POINTS: store your creds for faster command line: git config --global credential.helper osxkeychain

Now stop listening to me, crank up the electronic music, and code something awesome! cheers!

Where to start? How about develop an ecommerce storefront in AngularJS? [shameless plug :smile:] We'll show you how.

More stuff to learn

You've got the basics under your belt, now learn a few more jedi tricks:

comments powered by Disqus