Get started with Aurelia – TypeScript – ASP.NET 5 – VS Code

A while ago I wrote a blog post about how to get up and running with the Aurelia skeleton for TypeScript on ASP.NET 5 (This Aurelia Skeleton on ASP.NET 5). But now the Aurelia team now have their own setup, making it even easier to get started! 🙂

Pre-Requisites

Things that need to be installed on your system:

  • ASP.NET 5
  • Node

Node packages that needs to be installed globally:

  • gulp
  • jspm

Get the code

Go to the Aurelia skeleton repo on GitHub
Download as zip, use GitHub for Desktop or whatever you prefer.

Install dependencies

Open a cmd prompt in the project root and install the project dependencies with:

  • npm install
  • jspm install

Build the code

In the cmd prompt, use the following to build the client side code:
gulp build

Then open VS Code and open the folder skeleton-navigation\skeleton-typescript-asp.net5\src
VS Code will the prompt and ask to restore missing packages, accept this request.

Now start the ASP.NET 5 host by typing the following in the cmd prompt:
dnx web

Now open a browser and go to http://localhost:9000, if everything has worked, you should see the Aurelia navigation skeleton!



Happy coding 🙂

Aurelia – TypeScript – ASP.NET 5 – VS Code
Tagged on:                     

2 thoughts on “Aurelia – TypeScript – ASP.NET 5 – VS Code

  • July 3, 2016 at 12:14
    Permalink

    Hi
    Thanks for posting this.
    I’m getting the following error when I run gulp build:
    module.js:341
    throw err;
    ^

    Error: Cannot find module ‘gulp-tsb’
    at Function.Module._resolveFilename (module.js:339:15)

    Any idea why/how to fix?
    I’m on Ubuntu Mate v15.10
    Regards
    Tim

    Reply
    • July 3, 2016 at 13:31
      Permalink

      Hey,

      Seems you are missing a package. Did your “npm install” work and install everything properly?
      You can check your “node_modules” folder, it should contain a folder for “gulp-tsb”. If not, run another “npm install” and see if you get it.

      Happy coding 🙂

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.