view page source - page history - about editing

Revision History: EmberJS

This is revision 312 of the page EmberJS, as it appeared on Wed, 15 Jan 2014 18:14:49 -0800.
Javascript

How I learnt EmberJS and Coffeescript and Git


I'll be using the tutorial at http://emberjs.com/guides/getting-started.
  1. Install Sublime Text 2 as an IDE, along with node.js (which installs npm)
  2. Install the Sublime Linter plugin for ST2, which will provide syntax checking support, by checking out SublimeLinter into your ST2 packages directory (since Sublime Linter is ST3 now): %APPDATA%Sublime Text 2Packages. This will give you things like PHP syntax error checking.
  3. Install Node.js which will also install NPM (Node.js package manager)
  4. Use npm to install coffeescript: npm install -g coffee-script
  5. Check that coffeescript is working: coffee -v
  6. Install the CoffeeScript ST2 plugin by going Preferences > Package Control > Install Package > (wait for list to load) > CoffeeScript
  7. Sublime Text should now support coffeescript linting. (I couldn't get this to work properly yet.)
  8. Edit the csslint settings because they are pretty insane. Preferences > Package Settings > SublimeLinter > Settings - Default and change csslint_options: ids to false, overqualified-elements to false
  9. Create a new Github repository https://github.com/soundasleep/todomvc-emberjs-coffee
  10. Checkout: git clone https://github.com/soundasleep/todomvc-emberjs-coffee
  11. Update push.default on git to a more intuitive value (and also removes a warning): git config --global push.default simple
  12. Follow the instructions in the EmberJS getting started tutorial, committing and pushing as necessary.
  13. Try to Cake building; unfortunately I couldn't get this to work because of win32 problems
  14. Install Grunt for building Coffeescript instead: npm install -g grunt
  15. Install the Grunt CLI: npm install -g grunt-cli
  16. Create a package.json. Understanding package.json
  17. Create a Gruntfile.js.
  18. Install all of the necessary packages referenced in the Gruntfile: npm install grunt-contrib-uglify grunt-contrib-qunit grunt-contrib-concat grunt-contrib-watch --save-dev. --save-dev will also modify package.json with the new dependencies (under devDependencies).
  19. Install https://github.com/gruntjs/grunt-contrib-coffee to compile coffeescript in Grunt: npm install grunt-contrib-coffee --save-dev
  20. You can now compile Coffeescript by running grunt coffee. You can also configure Grunt to watch for new files by modifying your Gruntfile and running grunt watch.
  21. Configure Sublime Text to treat Handlebars templates as HTML: HTML syntax validation within Handlebars templates in Sublime Text 2

view page source - what links to here? - page history - top
Last edited by jevon jevon 47 months ago