The first step for creating a JSPM-based application is to download the latest version of the skeletons from https://github.com/aurelia/skeleton-navigation/releases/latest and to unzip the file. In the root folder, you'll find a distinct directory for each available skeleton. The one we will look at here is named skeleton-esnext.

The JSPM skeleton uses Gulp as its build system. As such, let's first install it globally if you don't already have it installed, by opening a console and running the following command:

> npm install -g gulp

Additionally, we need to install JSPM itself:

> npm install -g jspm

Once the tools we need are installed, let's restore the dependencies of the project's build system, by opening a console in the project directory and running the following command:

> npm install

This command will restore all the dependencies that are used to run and build our application, basically everything in the devDependencies section of the package.json file.

Next, we need to restore the libraries used by our application itself by running the following command:

> jspm install -y

This command will use JSPM to restore all dependencies in the jspm section of the package.json file.

At this point, everything is ready to roll.