Skip to main content

Angular 2/4 Setup, install and Build Guide

This is a step-by-step setup guide to setup Angular Development Environment.


1. Install Node.js (Note:- Below Instruction for Debian and Ubuntu-based Linux distribution)

NOTE: If you are using Ubuntu Precise or Debian Wheezy, you might want to read about running Node.js >= 6.x on older distros.     

For Node.js 8.x LTS(Long Term Support)

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

sudo apt-get install -y nodejs



For Node.js 9.x Current

curl -sL https://deb.nodesource.com/setup_9.x | sudo -E bash -

sudo apt-get install -y nodejs

After Installing Node.js, the  NPM(Node package manager) should automatically be installed.

Verify installation using commond

 npm --version

2. Install Angular CLI via npm:

npm install -g @angular/cli


3. To create a new project:

ng new myapp 

4. To run the Angular app:

cd myapp
ng serve

Note:- This will start a server on localhost:4200 by default. ng serve watches your files for changes and rebuilds the app as you save changes. If you open that up in your browser you should be able to see the below screen.




5. To build the Angular app:

This creates a new folder called "/dist" in your app root directory which is your entire app compiled and ready to ship.

ng build

creates a production-ready version of your app

ng build --prod


Comments

Popular posts from this blog

How to factory reset your android phone

1.   Power down your device .  Before you begin the reset procedure, you will need to completely power your device off. (If the device is frozen, you can pull the battery out to turn it off.) 2.   Press and hold the recovery buttons .  The buttons vary from device to device, so you may need to look up the instructions for your particular phone. You will need to press and hold the buttons for a few seconds. Some of the more common button combinations include: Volume Up + Home + Power Volume Down + Power Home + Power If none of the above work, do a web search for your phone’s model plus “recovery mode”. 3.  Select Factory Reset .  Once the recovery menu opens, you can navigate the menu with the volume buttons. You may need to open the Recovery menu to find the Factory Reset mode. Use the Power button, some models use the camera button, to select your menu options. You will be asked to confirm the factory reset.     ...

Woh Apne Mehandi

Woh Apne Mehandi Wale Haath Mujhe Dikha Kar Royi, Ab Main Hoon Kisi Aur Ki Yeh Mujhe Bata Kar Royi. Pehle Kehti Thi Ke Nahi Ji Sakhti Tere Bin, Aaj Phir Se Woh Baat Dohra Kar Royi. Kaise Kar Loon Uski Mohabbat Pe Shak Yaaro! Woh Bhari Mehfil Mein Mujhe Gale Laga Kar Royi.