O'Reilly logo

Automate with Grunt by Brian P. Hogan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating the App

First, create a folder called markdown, and inside of that folder create folders for the CoffeeScript files, the Sass files, and the assets folder, which is where our finalized JavaScript and CSS files will go.

 
$ ​mkdir markdown
 
$ ​cd markdown
 
$ ​mkdir coffeescript
 
$ ​mkdir sass
 
$ ​mkdir assets

Next, we’ll need the Angular framework, the Markdown.js library for converting Markdown code to HTML, and the angular-sanitize library so we can push raw HTML back into the interface.[7][8][9] Without the sanitation library, Angular won’t let us use the output from the Markdown converter.

To get those libraries, we’ll use Bower like we did in Fetching Client-Side Libraries with Bower. Run the following commands:

 
$ ​ ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required