Windows Front-end WebDev

Writing up a guide for people in the new office who prefer to work on windows machine but still be able to use the methods the mac guys use.

Installing Git

Download and Install latest git version from here and check these installation options:

Windows Explorer Integration (Git Bash and Git GUI)
Use Git Bash only
Checkout as is, commit Unix-style line endings

Installing Ruby

Download Ruby 2.0.0 Here:

Download Ruby 2.0.0 Devkit here:

and then install RubyGems

RubyGems v2.2.2

There might be better ways to install these, but I'm kind of re-learning Windows so we'll improve all of these later.

First step is to install Ruby 2.0.0 (this should be easy, install it in C:\Ruby200)
Extract Ruby2.0.0 Devkit to C:\Devkit and then run the following commands

# Change directory to Devkit
> chdir C:\Devkit

# initialize installer
> ruby dk.rb init

# install
> ruby dk.rb install

Installing RubyGems

Extract RubyGems to your desktop and run Setup.rb (this will install RubyGems)
From Start Menu, open: Start Command Prompt with Ruby and update RubyGems

# update ruby gem
gem update --system

# install this gem 
gem install wdm

Install these gems

# this adds libyaml deps
gem install bundler-libyaml
gem install psych --enable-bundled

# install github-bundle of jekyll
gem install github-pages

# sass/scss with compass
gem install compass

# gems below are optional, these are front-end frameworks
# you're most likely to use for development.
gem install foundation
gem install bootstrap-sass

once all of these are installed, let's proceed to installing NodeJS

Installing NodeJS

Download the appropriate binary for your Windows (e.g. 32-bit/64-bit) here

Install the appropriate binary you've just downloaded.
Create a Hello World Server save it on your desktop as server.js:

var http = require('http');

http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/html'});
  res.end('Hello World\n');
}).listen(4001, 'localhost');

console.log('Server is running on: http://localhost:4001');

From your start menu, open NodeJS Command prompt

# Navigate to your desktop
> cd Users\{YOUR_ACCOUNT_NAME}\Desktop

# Run your HelloWorld Server
> node server.js

Now point your browser to http://localhost:4001, when you see HelloWorld displayed, you're ready to install NodeJS packages on your machine, on your start menu open NodeJS command prompt and run these commands:

npm install -g bower
npm install -g express
npm install -g grunt-cli
npm install -g jshint
npm install -g less

Thoughts:

Compare how this is done on a Mac or Ubuntu machine, the experience has been a pain in the ass and it almost seems like a lot of time has been wasted just by gathering the components but then again, this is my first time setting up a windows machine for development, things could improve in the future.

If you got some cash, just get a mac or if not, just dual-boot your machine with Ubuntu and make your life a little less harder and enjoy coding rather than fixing all these shits. lol, jk Windows is cool.

pongstr/setup-0.1.0.md

Select an option

No results found