[Backbonjs][Javascript]Install

Install Backbone.js

Download needed libraries.

$wget http://code.jquery.com/jquery-1.10.1.min.js
$git clone https://github.com/documentcloud/underscore.git
$cp underscore/underscore-min.js .
$git clone https://github.com/douglascrockford/JSON-js.git
$cp JSON-js/json2.js .
$wget http://backbonejs.org/backbone-min.js

Next is making html and js for test.

&amp;amp;lt;!DOCTYPE html&amp;amp;gt;
&amp;amp;lt;html&amp;amp;gt;
&amp;amp;lt;head&amp;amp;gt;
  &amp;amp;lt;title&amp;amp;gt;Backbone Example&amp;amp;lt;/title&amp;amp;gt;
&amp;amp;lt;/head&amp;amp;gt;
&amp;amp;lt;body&amp;amp;gt;
  &amp;amp;lt;h1&amp;amp;gt;Backbone Example&amp;amp;lt;/h1&amp;amp;gt;
  &amp;amp;lt;script src="jquery-1.10.1.min.js"&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;
  &amp;amp;lt;script src="json2.js"&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;
  &amp;amp;lt;script src="underscore-min.js"&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;
  &amp;amp;lt;script src="backbone-min.js"&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;
  &amp;amp;lt;script src="js/app.js"&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;
&amp;amp;lt;/body&amp;amp;gt;
&amp;amp;lt;/html&amp;amp;gt;

(function() {
        console.log("Hello Backbone!");
}());

Try to access with browser.

Coffee Script

Please check here.
And install npm. Install libraries using package.json.

{
  "name": "sample",
  "version": "0.0.1",
  "dependencies": {
    "coffee-script": "*",
    "jasmine-node": "*",
    "grunt": "*"
  }
}
$npm install

Prepare Cakefile for building.

fs = require 'fs'
path = require 'path'
{spawn, exec} = require 'child_process'

coffee = (args) -&amp;amp;gt;
  proc =         spawn './node_modules/.bin/coffee', args
  proc.stderr.on 'data', (buffer) -&amp;amp;gt; console.log buffer.toString()
  proc.on        'exit', (status) -&amp;amp;gt; process.exit(1) if status != 0

jasmine = (args) -&amp;amp;gt;
  proc =         spawn './node_modules/.bin/jasmine-node', args
  proc.stdout.on 'data', (buffer) -&amp;amp;gt; console.log buffer.toString()
  proc.on        'exit', (status) -&amp;amp;gt; process.exit(1) if status != 0

task 'build', "build source files in './src'  to './build'", -&amp;amp;gt;
  target = [
    'src/main'
  ]
  coffee ['-j','tmp','-o','lib','-c'].concat target
  exec 'sleep 1 &amp;amp;amp;&amp;amp;amp; cat build/tmp.js | grep -v "exports\." | grep -v "require(" &amp;amp;gt; build/app.js', (err) -&amp;amp;gt;
    throw err if err

task 'buildspec', "build source files in './spec' to './lib'", -&amp;amp;gt;
  target = [
    'src/main'
    'spec/main_spec'
  ]
  coffee ['-j','tmpspec','-o','lib','-c'].concat target
  exec 'sleep 1 &amp;amp;amp;&amp;amp;amp; cat build/tmpspec.js | grep -v "exports\." | grep -v "require(" &amp;amp;gt; build/main_spec.js', (err) -&amp;amp;gt;
    throw err if err

task 'clean', 'clean out temporary build files', -&amp;amp;gt;
  if fs.readdirSync('lib/').length &amp;amp;gt; 0
    exec 'rm js/*.js', (err) -&amp;amp;gt;
      throw err if err

task 'spectest', 'run jasmine-node spec suite', -&amp;amp;gt;
  invoke 'build'
  jasmine ['--coffee','--verbose','spec/']

task 'all', 'clean and build all', -&amp;amp;gt;
  invoke 'clean'
  invoke 'build'
  invoke 'buildspec'

Preparing is over.

$vim src/app.coffee
obj = new Backbone.Model()

obj.set({name: "Murata"})
obj.set({age: 20})

console.log "obj: " + JSON.stringify(obj)
console.log "obj.name: " + obj.get("name")
$cake build

Try to access with browser. 参考ページ：http://appkitbox.com/knowledge/javascript/2013/03/15/backbone-1

zuqqhi2