#02 : Angular Hello World Program - Step by Step

Published: 03 February 2018
on channel: Angular Js

1,110

In this video we will learn
1. how to create new project from scratch using angular cli.
2. How to run angular app.

For this, we will use Visual Studio Code as the editor. Visual Studio Code is free and you can use it on any platform - Windows, Mac or Linux. If you have not installed it already, please install it by downloading from the following link.
https://code.visualstudio.com/download

To create a new Angular Project, open Command Prompt as an Administrator and execute the following command. This command creates all the required files and also installs all the required packages. Depending on your computer and internet connection speed, this command takes a few minutes to complete.

ng new ProjectName

ng - Angular CLI
new - creating a new application
ProjectName - you have to mention your project name

Now, go to the folder (ProjectName) that contains our angular project, by executing the following command. cd stands for change directory
cd ProjectName

Now execute the following command at the command prompt to open the project folder in Visual Studio Code. Notice there is a single space and a DOT after the word code.
code .

At this point in Visual Studio Code you will see all the Angular project files. Also notice node_modules folder, that conatins all the installed packages.

To run the project using Angular CLI, type the following command at the command prompt. This command builds the application and opens it in our default browser. By default the application runs on port 4200. We can change this port number if required.

ng serve --open

To stop the server, press CTRL + C while you are on the command prompt and then "Y" and ENTER key. This will stop the server.
-----------------------------------------------------------------------------------------------
Angular 6 : User Registration
   • Angular 6 - User Registration

Angular 4 Tutorial
   • Angular 4 Tutorial

React JS with Web API Tutorial
   • React JS With Web API

ASP .Net Core Web API Complete Tutorial
   • ASP.NET Core Web API Complete Tutorial

ASP .Net Web API Step by Step
   • Asp.Net Web Api

C# Easy To Learn
   • C# Easy to Learn

Learn SQL Server
   • Creating Foreign Key Relationship in ...

SQL Server DB Project
   • SQL Server DB Project

Postman Tutorial
   • Postman Tutorial

On this page of the site you can watch the video online #02 : Angular Hello World Program - Step by Step with a duration of hours minute second in good quality, which was uploaded by the user Angular Js 03 February 2018, share the link with friends and acquaintances, this video has already been watched 1,110 times on youtube and it was liked by 10 viewers. Enjoy your viewing!