ember-cli

Structure

Ember CLI commands exist out of ember and 3 different keywords that will define what the action will do:

# ember <action> <item> <name>
ember generate component-class myClass
ember g component directory/class

<aside> 💡 If you want more info, you can do ember help <command> E.g. ember help generate

</aside>

Action

The action keyword define what action will need to perform. Some of the common ones are:

• init → To create a project.
• serve → To serve a project
• generate → Generates a component
• test → Runs all available tests
• destroy → Destroys an item

Item

The item will define what will be generated. Some of the most common keywords are:

• component → Create a component
• route → Creates a route
• component-class → Creates a class for a component
• controller → Creates a controller
• helper → Creates a helper
• service → Creates a service class
• adapter → Creates an adapter
• serializer → Creates an serializer

Name

The name will define how the file will be named

<aside> ⚠️ Do not that the filename and the name used in the code are not the same, sometimes.

</aside>

Serving Ember through a proxy

If you want to serve Ember through a proxy, use the following command:

# ember s --proxy <address>
ember s --proxy <http://localhost:8000>

Addons

<aside> ⚠️ It seems that Ember.JS forgets to link the components when adding addons through the ember-cli in some cases. Make sure, after installing all your addons, to run npm link to make sure that all symlinks are configured correctly.

</aside>

AppUniversum

AppUniversium are a bunch of components created by the Flemish Goverment. This package exist of 4 packages

• The ember-appuniversum package, which we'll need to use the components in ember.

• The ember-cli-sass package, which compiles SCSS to CSS automatically when using ember serve

• The ember-cli-autoprefixer package, which adds CSS vendor prefixes

• The appuniversum package, which provides the base style sheets

  <aside> ⚠️ This should be installed automatically, but isn't! Make sure that you install it automatically.

  </aside>