CoffeeScript Chrome Extensions

productivityMay 27, 2013Dotby Justin Gordon

Here's 3 useful tools for using CoffeeScript for web development, possibly with Rails and EmberJs. All 3 tools are useful for different purposes.

CoffeeScript Source Maps: Debugging CoffeeScript Directly

With Source Maps, you don't have to mentally convert your CoffeeScript code into JavaScript code in the debugger. Instead, you can now see your CoffeeScript code, even with correct line numbers. This rails gem, coffee-rails-source-maps, makes it easy to include CoffeeScript source maps as part of your rails application. Note, the Rails.env.development? is hard coded, so this only works when you use that specific environment. You can also do it manually, by using the -m flag with the coffee command.

image1

Try CoffeeScript Chrome Extension: Converting between CoffeeScript and JavaScript

The Try CoffeeScript Enhanced Chrome extension is pretty nice for converting between JavaScript and CoffeeScript. The main advantage over http://js2coffee.org is that the you don't have to open a new browser tab, and you can enter either CoffeeScript or JavaScript.

image2

Coffee Console Developer Tool: Executing CoffeeScript in Chrome

"Coffeeconsole: A Chrome Extension" provides a place to execute CoffeeScript in the Web Inspector.

image3

Closing Remark

Could your team use some help with topics like this and others covered by ShakaCode's blog and open source? We specialize in optimizing Rails applications, especially those with advanced JavaScript frontends, like React. We can also help you optimize your CI processes with lower costs and faster, more reliable tests. Scraping web data and lowering infrastructure costs are two other areas of specialization. Feel free to reach out to ShakaCode's CEO, Justin Gordon, at justin@shakacode.com or schedule an appointment to discuss how ShakaCode can help your project!
Are you looking for a software development partner who can
develop modern, high-performance web apps and sites?
See what we've doneArrow right