How to set up the basic environment of Angular2 with angular-seed

1 min read
Let’s start with building our first Angular 2 application using Typescript. First, make sure you have Node.js and npm installed in your system. You can refer to the official website https://nodejs.org/en/ for more information about the installation procedure of Node.js. Usage: Step 1: Make a directory on your project folder. example: mkdir angular2 via command prompt. Step 2: Open cmd on this folder using shift+right click (open command window here) or open terminal if using linux & mac. Step 3: Clone or fork this repository, here is the angular seed https://github.com/angular/angular2-seed.gittype git clone on your command prompt (wait for few seconds)for example: git clone https://github.com/angular/angular2-seed.git Step 4: Angular2-seed folder is cloned on you project folder. Step 5: Now, type cd angular2-seed (go to inside this folder)for example cd angular2-seed Step 6: Run npm install to install dependencies, and wait for few minutes run npm start to fire up dev serve Step 7: Make sure you have NPM installed version 3+ Step 8: WINDOWS ONLY run npm install -g webpack webpack-dev- server typescript to install global dependencies Step 9: Make sure you have node.js installed version 5+ Step 10: In your browser go to http://localhost:3000 if you want to use other port, open package.json file, then change port in -- port 3000 script. Now, the basic structure of angular 2 is complete. You can modify, add, delete, update the file as per your project requirement. Stay tuned and in the next article, I will be explaining how to go further with building a development environment with Webpack and more. Thanks!

Related Articles