#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
Auf dieser Seite können Sie das Online-Video #02 : Angular Hello World Program - Step by Step mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Angular Js 03 Februar 2018 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,110 Mal angesehen und es wurde von 10 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
