Skip to content

Development environment installation (client side)

marsmxm edited this page Jun 25, 2012 · 7 revisions

Client side is written in Coffeescript, a language that need to be converted to javascript to work well. This need a compilation time. Compilation is handled via a kind of makefile called Cakefile. It needs a software called cake to run. So Coffeescript compiler and Cake are both needed. Moreover we are going to use two more tools: stylus to write CSS in an easier way and Uglifyjs to optimize produced javascript. All these tools need node.js to run.

Coffee Script Installation

First install git :

apt-get install git-core

Then setup node.js :

git clone https://github.com/ry/node.git

cd node
./configure
make
make install

Then we will use the node package management tool called npm :

curl http://npmjs.org/install.sh | sh

With npm install Coffeescript and Cake :

npm install -g coffee-script

Uglifyjs the javascript minifier :

npm install -g uglify-js

Stylus is the tool used by Newebe to write CSS. Its installation is needed too:

 npm install -g stylus

###Usage###

Once installation is done, you can start modifying source code. To see changes you just have to run the build file with the following command in the folder of the application you work on:

cake build 

To make compilation automatically runt after a source file modification just type:

cake watch

To build your style files just write :

cake styles

or stylus styles/activities.styl

Useful links

Coffee Script documentation

Help for cake