How to use Jade and CoffeeScript together in Meteor (with Atmosphere's Jade)

README.md

Meteor with Jade & CoffeeScript

You have to use Atmosphere's Jade package, there isn't yet one available as of this writing (Meteor 0.8.0).

Highlights

• You have to name your jade files file_name.jade.html, it gets interpreted correctly as jade but gets loaded in the correct order (otherwise you get clueless undefined var errors).
• You have to use the +template_name syntax in .jade.html files, instead of regular {{> template_name}}.
• It is preferred to use the #{variable} syntax to {{variable}} syntax in jade files.

Packages

The packages being used, can be installed issuing:

$ meteor add coffeescript
$ npm install -g meteorite
$ mrt add jade

Afterwards you will have to use the mrt command instead of meteor, just remember that.

Reference

• Meteor
• Meteor Documentation
• [Atmosphere/Meteorite](https://atmospherejs.com/docs/installing Atmosphere and Meteorite Package Manager)
• Meteor Jade Package

Author

Gabriel Medina
[email protected]

FirstApp.coffee

if Meteor.isClient
  Template.hello.greeting = ->
    "Welcome to Gabriel's FirstApp."

  Template.hello.saludos = ->
    "Test of Second Variable"

  Template.hello.events = "click input": ->
    console.log "You pressed the button on "+(new Date())

FirstApp.jade.html

head
  title FirstApp

body
  +hello

template(name="hello")
  h1 Hello World!
  p #{greeting}
  p #{saludos}
  input(type="button" value="Click")