Angular 10 Create New Project Example
This article will provide some of the most important example angular 10 new project. i would like to show you angular 10 create new project. you will learn how to install angular 10. you will learn create first application in angular 10. You just need to some step to done create first angular 10 project.
I will written step by step tutorial of how to install angular cli and how to you can create your first app with angular 10 application.
Let's see bellow steps:
Install Angular CLI
So, if you haven't install angular cli in your system then you can install it by using following command:
npm install -g @angular/cli
If angular cli installed successfully, then you can proceed.
But if you have already install angular old version then you can just update it by following link: Upgrade to Angular 10.
After if you run bellow ng command then you have list of commands available for angular application.
ng
You will see layout like as bellow:
Install Angular 10 Project
Now, here we are able to create new project in angular 10 using angular cli command. so let's create it by following command:
ng new first-app
You will have get prompted for a couple of things as like bellow
1. If Would you like to add Angular routing?
If you say yes then it will create app with routing. if not then it will create without routing.
2. Which stylesheet format would you like to use? Pick CSS.
You will see layout like as bellow:
After that you can simply run angular application by following commands:
cd first-app
ng serve
Now you can open your browser and open this url like this way:
http://localhost:4200
You will see layout like as bellow:
I hope it can help you...
Hardik Savani
I'm a full-stack developer, entrepreneur and owner of ItSolutionstuff.com. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- How to Upgrade Angular CLI to Angular 9 to Angular 10 Version?
- Angular 10 Reactive Forms Validation Example
- Angular Material Selection List Example | Angular mat-selection-list
- How to Convert Comma Separated String to Array in Angular?
- Angular 9/8 Sweetalert2 Sample Example Tutorial
- Angular 9/8 Check All / Uncheck All Checkbox List Example
- Angular Image Upload with Crop, Zoom, Scale, Preview Tutorial
- Angular Material Selected Tab Change Event Example
- Angular 9 Font Awesome | Install Font Awesome Icon Angular 9
- Install Bootstrap 4 in Angular 9 | How to Add Bootstrap in Angular 9