filmov
tv
#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.
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 4 Tutorial
React JS with Web API Tutorial
ASP .Net Core Web API Complete Tutorial
ASP .Net Web API Step by Step
C# Easy To Learn
Learn SQL Server
SQL Server DB Project
Postman Tutorial
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.
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 4 Tutorial
React JS with Web API Tutorial
ASP .Net Core Web API Complete Tutorial
ASP .Net Web API Step by Step
C# Easy To Learn
Learn SQL Server
SQL Server DB Project
Postman Tutorial