this project has been deprecated in-favour of the ember-cli project:
Migrating to Ember CLI
npm install -g ember-cli to install Ember CLI.
Now, on top of your existing EAK project, run
ember init. Ember CLI
will then migrate your project, showing you a diff of its overrides,
and letting you edit them, as it goes along.
Ember Init Overrides
- Let ember-cli overwrite this.
- Since managing vendor assets is now handled via the Brocfile, you should let ember-cli overwrite this file.
- Ember Configuration is now handled in the
- The Router's location is now handled via environment configuration. Change this to config.locationType.
- This will attempt to replace your Index Route with a stub. Usually, you wont't want Ember CLI to override this file.
- Move your dependencies from app/index.html into this file by calling
- Example: app.import('vendor/ember-data/ember-data.js')
- This will attempt to replace your application template with a stub.
- Another stub.
- Let ember-cli add this file. Include any test depencies you had in `app/index.html'.
Ember CLI Migrator
The Ember CLI Migrator can help you migrate your files to the standard ember-cli structure, while preserving your Git history. This tool can help you get 90% of the way there when working with EAK.
Importing Ember and Ember Data
You now have to explicitly import Ember and Ember Data. Add
import Ember from "ember and
import DS from "ember-data" anywhere you declared a route, controller, model, and so on.
Migrating your API Stub
To work with the API stub again, run ember generate server. This command generates a server directory for your mocks and proxies where you can then migrate your routes accordingly.
You may also want to look into Ember CLI Rest API Blueprint which generates DS.RESTAdapter compatible express routes for a given Model.
Support for custom environments like staging is currently still in progress, see Ember CLI PR #1520
Using The Express Server
The Express server has been exposed and now lives under this directory. You can now customize it any way you want, from enhancing the static file server, to simply using it as an API stub. You may even develop it further and turn it into a full-stack solution.
You can remove the Gruntfile and tasks folder since we won't be needing them anymore.
For now, you can check the app blueprint to see what other files you no longer need.
- Ember CLI now picks up your app namespace. Change the import to reference the name of your project.
If you never changed your application namespace from the default
ember initwill break any import statements you already have
Index Route doesn't exist
You may need to refresh your dependencies. Run
rm -rf npm_modules && npm install && npm cache clean && bower install
tests/helpers/start-appinto each acceptance test file.
import startApp from 'your-app/tests/helpers/start-app
startAppstill live in
module-foris now its own package.
- If you were using ember-testing-httpRespond
- This has now been replaced by Pretender.
- You can use it in your project with ember-cli-pretender
- Import it and its dependencies in your Brocfile by using
Ember App Kit aims to be the foundation for ambitious web applications built with Ember. It's been replaced by an executable ember-cli which dramatically improves buildtimes (via broccoli) and provides sane-upgrade paths, feel free to check that project out. We intend to provide a sensible upgrade path.
This project has been extracted out of several real world applications and is actively used. Currently it covers the basics fairly well, but much still needs to be done. As we learn and as more contributors join in it continues to evolve. If you encounter any bugs, clunky features or missing documentation, just submit an issue and we'll respond ASAP.
At the very least, it helps setup your Ember.js applications directory structure.
We welcome ideas and experiments.
- Project Documentation Site
- Getting Started Guide
- ember-app-kit-todos - the Emberjs todos using Ember App Kit
- ember-app-kit-bloggr - bloggr demo
- Safari Books Online Blog - Introduction to Ember App Kit for more experienced Ember developers by @mixonic
- Ember Sherpa - Introduction to Ember App Kit for those who are new to the Grunt workflow by @taras
- Sane project structure
- ES6 module transpiler support (easy, future-proof modules)
- Module system-aware resolver (see Referencing views and Using Ember loaders)
- Transparent project compilation & minification for easy deploys via Grunt
- Package management via Bower
- Optional support for CoffeeScript, SASS, LESS or Stylus
- Testing via QUnit, Ember Testing and Testem (with examples)
- Linting via JSHint (including module syntax)
index.htmlfor easy reloading of pushState router apps
- Generators via Loom (to generate routes, controllers, etc.)
Some ideas in ember-app-kit originated in work by Yapp Labs (@yapplabs) with McGraw-Hill Education Labs (@mhelabs) on yapplabs/glazier. Thanks to Yapp and MHE for supporting the Ember ecosystem!
Copyright 2013 by Stefan Penner and Ember App Kit Contributors, and licensed under the MIT License. See included LICENSE file for details.