#02 : Angular Hello World Program - Step by Step
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
Sur cette page du site, vous pouvez voir la vidéo en ligne #02 : Angular Hello World Program - Step by Step durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Angular Js 03 février 2018, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 1,110 fois et il a aimé 10 téléspectateurs. Bon visionnage!
