Let's get back to Ember development to build our SPA. Follow these steps. We will occasionally refer to previous sections of this chapter, and detail the specifics here.
Let's generate the project and set up all the artifacts. Follow these steps:
Create a new Ember project using Ember CLI from the command line:
ember new taskify
Install
broccoli-merge-trees
andbroccoli-static-compiler
for a richer Broccoli configuration. Issue the following commands from the command line:npm install --save-dev broccoli-merge-trees npm install --save-dev broccoli-static-compiler
Install Bootstrap with Bower from the command line:
bower install bootstrap
Configure Broccoli to include bootstrap.js, CSS, and fonts in the
ember-cli-build.js
file:var mergeTrees = require('broccoli-merge-trees'); var pickFiles = require('broccoli-static-compiler'); var extraAssets = pickFiles('bower_components/bootstrap/dist/fonts',{ srcDir: '/', files...