This is the project used for the Mike.Works Ember Octane course.

You will need the following things properly installed on your computer.

• Git
• Node.js
• Yarn
• Ember CLI
• Google Chrome

There are a few things you need to ensure you have installed, in order to be ready for this course.

You’ll need a relatively recent version (v10.0 or newer ideally) of Node.js installed. On OS X, a great way of doing this without disturbing your existing dev environment is to install NVM. Installation instructions are here.

You’ll know everything is set up properly when you can run

nvm --version # might look like "0.34.0"
node --version # might look like "v10.15.3"

Ember-CLI is the official Ember.js build tool. It handles things like:

• Running a development web server
• Running tests
• Code generation
• Compiling static assets

We can install ember-cli globally by running

npm install -g ember-cli

Now you should be able to run

ember --version

and see something like

ember-cli: 3.10.0
node: 11.6.0
os: darwin x64

Particularly if you’ve never tried it before, you should install Microsoft Visual Studio Code. Some fantastic extensions that I use regularly include

• ESlint
• Ember-CLI in Visual Studio Code
• Ember Language Server

git clone git@github.com:mike-north/ember-octane-workshop.git

cd shlack
yarn install

We can create a new Ember app by running:

ember new <app-name>

This will create a project based on the default Ember.js app blueprint. If we want to create an Ember Octane app, we can use the official Ember Octane blueprint instead by running:

ember new -b @ember/octane-app-blueprint <app-name>

ember serve

• Visit your app at http://localhost:4200
• Visit your tests at http://localhost:4200/tests
• Your app runs on localhost :4200 by default. You can customize this via --port <port-number>

Make use of the many built-in Ember-CLI generators to get files that follow the latest practices (with matching tests_. To see available generators, run ember help generate

• ember test
• ember test --server

• yarn lint:hbs
• yarn lint:js
• yarn lint:js --fix

• ember build (development)
• ember build --environment production (production)

• ember.js
• Development Browser Extensions
  • ember inspector for chrome
  • ember inspector for firefox