Foundation App Guide for Windows Users


###Git/NPM/Ruby/Foundation-App Guide - For Windows Users

Hopefully this will fix some headaches! It took me ages to figure out how to fix things and get it all running by using many, many forums. Mainly for my own reference but might help others.

Written by DannnnB ##Ruby

  1. C:\Ruby22 (Better to install at C)
  2. Add ruby executables
  3. Associate files
  4. INSTALL DEVKIT
  5. Extract to C:\devkit (Better to install at C, can be anywhere though)
  6. Open “Start Command Prompt with Ruby”
  7. cd C:\devkit (Change to the location where you extracted it)
  8. From C:\devkit (Location where you extracted it)
    1. ruby dk.rb init (Will create files)
    2. ruby dk.rb review (See if ruby path is in .yml file. Example C:\Ruby22)
    3. ruby dk.rb install

    4. gem install json (Test if working and all is set up) ###### EVENTMACHINE PROBLEM FIX
      • gem install eventmachine -v 1.0.4
      • Seemed to fix it. Plenty of help on Google if not. If there is anything else missing just install what is needed.

##FOUNDATION FOR APPS

  1. git clone https://github.com/zurb/foundation-apps-template.git appName
  2. cd appName
  3. npm install
  4. bower install
  5. npm start (Compile the Sass and assemble your Angular app)
  6. npm start build (Builds without starting server)
  7. Should auto open a localhost tab in your default browser.
    • If not, go to localhost:8080 in the browser
    • Changes in the Client folder will start the gulp task and put files in the build folder
    • If files are missing change the gulpfile to add them. Many other settings are in here.

Related Posts

Codecademy Pro Challenge Final

My one month challenge using Codecademy Pro has ended. Come read my final thoughts and what I think about Pro features.

Codecademy Pro Challenge Week 1/2 Update

A one month challenge using Codecademy Pro. Follow me on twitter for updates. HTML/CSS, Javascript, jQuery, AngularJS, Ruby. Read about week 1 and what I think about Pro features. Javascript & jQuery!

Codecademy Pro Full Stack Challenge

A one month challenge using Codecademy Pro. Follow me on twitter for updates. HTML/CSS, Javascript, jQuery, AngularJS, Ruby. Come read my plan and what I'd like to have by the end of it.

Choosing Jekyll over WordPress

Sometimes its better to have less choice. A insight into my struggle with WordPress and having the opportunity of choice.

A Simple Git Guide for Windows Users

Should stop some headaches!

Career Skills - Learning Your Path Into Development

This video help me on deciding what route I should take while learning. I've ticked off a lot since I saw it a while ago!