Creating first APP in Angular 8

Facebooktwitterredditpinterestlinkedinmailby feather

Firstly, we have to open Git Bash and, then we have to write the following command in it.

first APP in Angular 8

The project has been created now so that now we have to go in this folder to write this command:

Then, we have to run this project in the server and launch through this command.

After that, the defaultlocal host has been automatically created and opens in our system from Local host 4200.

Welcome to Angular 8 Application

After creating the project, we want an IDE to open and edit the code to do the project so that we are downloading the VS codein our system through its website.

Download Visual Studio code

After downloading we have to install VS code.

These are the following steps:

Visual studio licence agrement

Click on “Next”.

Select Destination Folder

Again, click on “Next”.

Select Start Menu Folder

Click on “Next”.

Select Additional Tasks
Ready to Install
Installing Visual Studio
Finish Visual Studio

After downloading and installing the VS code in our system, we can open our project in it.

Downloding Installing VS Code

After that, we will open our project in the VS code.

Angular8 Application
Angular vs Code

Here, we can add and edit our code in VS Code to do our project, and all our libraries and files are there to the system.

Our project is generated now.

If our project is completed then, we have to build this project to uploading its whole files on the server.To create the plan, we have to use this command in GIT, which is given as follow:

Angular8 Fist App
Angular 8 App TutorialandExample

It will build successfully according to the above screenshot.

We can also check it directly through the file.

Just go and click on the project file after that go to the “dist” folder and then open the project click on the name after that the data will be seen to us. If we want to upload, then we have to upload all the files in the server which are there in the folder according to a screenshot given below.

the project file after that go to the dist

These are the files which are built.

change in VS code after building the project

We can also see the change in VS code after building the project which is given below:

verifying the version of Angular CLI

For verifying the version of Angular CLI installed:

Facebooktwitterredditpinterestlinkedinmailby feather