How to Install Angular 10 CLI and Setup an Angular 10 Project in Window 10?

In this blog, we will install Angular CLI and setup a new Angular 10 project.
There are following steps :-

Step-1

Here, We should check some prerequisites before setup angular project.

System requirements

Windows 10 OS
4 GB RAM
10 GB free space

Step -2

Before install angular cli we will need nodejs and npm.

What is Nodejs and why we need for angular development ?

Node.js is an open-source, cross-platform JavaScript run-time environment that executes JavaScript code outside of a browser. we use javascript to develop angular web application.
Download Node Js from below url and run setup
(https://nodejs.org/en/download/?utm_source=blog)
Test Installation
Open command line interface then run below command
node -v

Step -3

What is npm and why we need for angular development ?

Npm stands for node package manager, it is a dependency management tool for javascript applications. This tool will help to install the libraries and other tools to support angular development.

Step -4 Install Angular CLI 10

Open command line interface then run below command
npm install -g @angular/cli

Step -5 — Setup a new angualr 10 project

Open command line interface then run below command
ng new angular-10project
Here, we will see some prompted at the time of install if you want install angualr routing then Say y and pick stylesheet format which you want.
This will install our project with routing and set css as the stylesheet format for components.
Next got to project folder then run following commands.
cd angular-10project
ng serve

Comments

How to configure memcache with drupal 8 on ubuntu for reduce page load?

Memcache is an in-memory (RAM). It store data in Key-Value Format. Memcached server automatically stores all the content (data) in allocated RAM on the server. After configure memcache, it increase Drupal Site performance by moving standard caches out of the database. Drupal does not come with memcache by default if we want to install it then we have to install it on server. There are many steps that how to install memcache on the server and how to configure it with drupal 8 for reducing the load on the database with every page request. Step1 :- Open terminal of your machine and run following commands :- a. sudo apt-get update b. sudo apt install memcached c. sudo apt install php-memcached Step2 :- Check that Memcache daemon is working by using the following command : a. "ps aus | grep memcached" Step3 :- Also, check Memcache extension is configured in PHP. For that you have create a file phpinfo.php then write below code. <?php phpinfo(); ?> or sudo vi /var/www/html...

How deploy your angular project on GitHub Pages

Step 1:- Create Repository on github Note :- Open terminal and goto your project direcoty then run following command which you got after created repository. Step 2:- git init Step 3:- git add . Step 4:- git commit -m "first commit" Step 5:- git branch -M main Step 6:- git remote add origin https://github.com/rahuldrupal5788/DevR9angular.git Step 7:- git push -u origin main Step 8:- We need to build our code in production mode for that we will create deployment files that will be deployed on GitHub Pages. By default, this deployment code is generated in the /dist/<ProdectName> folder under the angular project folder, but we need to generate this in the "docs" folder under the angular project folder. So, we need to make a small change in the angular.json file and change the outputpath value to "docs/". Step 9:- Run the following command with the baseHref option in the git bash window to generate deployment files in the docs folder. ng build --prod --b...

What is Docker? How to create Dockerfile, Volumes? How to manage container with Port Mapping?

What is Docker? Docker is an open source centerlized Platform designed to Create, Deploy and run applications. Docker use container on the host OS to run applications. It allows application to use the same linux Kernal as a System on the host computer, rather than creating a whole virtual OS. We can install docker on any OS but Docker engine run natively on linux distribution. Docker written in 'go' language. Docker is a tool that perform OS level virtualization, also known as Containerization. Before Docker, many users faces the problem that a particular Code is running in the developer's system but not in the User's System. Docker was first Release in March 2013. It is developed by Soloman Hykes and Sebastion Pahl. Docker is a set of Platform as a service that uses OS level Virtualization whereas VMware uses Hardware level Virtualization. We can say that Docker is a tools which create the VM. Advantages of Docker :- There are following advantage of Docker : No pre-a...

Rahul Drupal Blogs

Search This Blog