Scroll Top

Getting Started with Angular 2.0 & TypeScript – In 3 Quick Steps!

Getting your Trinity Audio player ready...

Angular with TypeScript

Angular 2.0 Beta is out there and we, at Walking Tree, think that Angular 2.0 Will Rock! and we see tremendous opportunity for enterprises to build great looking applications for different form factors, including desktop and mobile.

As with any framework/library, the first thing is how do I get my development environment setup so that I can start doing quick prototyping and development? This is THE key to increased adoption. While the Angular team has already put together an awesome 5 min Quickstart guide, I found that it would be great if the steps can be further reduced so that, rather than 5 minutes, it takes a minute to get you up and running with your first Angular 2.0 application. And, that’s exactly what we will be doing here – in 3 quick steps!

Angular 2.0 provides us various options to develop an application:

    • JavaScript (EcmaScript 5/6)

We will start our series with the most popular one – TypeScript. Let us see what does it take to get you started within a minute. Sounds exciting! Let us start. Turn on the timer!

If you are looking for JavaScript based development, you shall read Getting Started with Angular 2.0 & JavaScript – In 3 Quick Steps!

This article uses Angular’s Quickstart guide and the files/code mentioned there. Hence, all the copyright rules & licensing that applies to the Quickstart guide file/code, it applies to the file/code mentioned in this article, as well.

Step 1: Install Dependencies

    • Install Node.js by running the provided installers based on your target platform

Step 2: Generate the starter application

  • Clone the Quickstart repository from GitHub by running the following command

  • Install required project dependencies

Step 3: Test drive the generated application

From the angular2ts-quickstart project folder, run the following command to launch the application in your default browser:

This will run the application and you shall see the following output:

First Angular 2 App

Welcome to the world of Angular 2.0 and Happy Development!

Related Posts

Comments (3)

Awesome, great article which is simple and actionable.

Thanks Deepak!

We only call core those capabilities that are the same across all platform targets. True, most Angular applications run only in a browser and we ll call the bootstrap function from this library most of the time. It s pretty core if we re always writing for a browser.

Leave a comment

Privacy Preferences
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.