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:
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!
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
git clone <a href="https://github.com/ajit-kumar-azad/angular2ts-quickstart.git">https://github.com/ajit-kumar-azad/angular2ts-quickstart.git</a>
- 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:
Welcome to the world of Angular 2.0 and Happy Development!