Installation

Introduction to the Angular

Welcome to Angular..!
Angular is an application design framework and development platform for creating efficient and sophisticated single-page apps. It helps you to build modern applications for the Desktop, Web and Mobile.

Prerequisites
Setting up the local environment and workspace

This guide explains how to set up your environment for Angular development using the Angular CLI tool. It includes information about prerequisites, installing the CLI, creating an initial workspace and starter app, and running that app locally to verify your setup.

For Installation of Angular Application you needs 3 things as Prerequisites.

Prerequisites

To use the Angular Framework, you should be familiar with the following:

  • Angular
  • Typescript
  • CSS
Knowledge of TypeScript is helpful.
To install Angular on your local System, you need the following:

Node.js

Angular requires a current, active LTS (long term support) or maintenance LTS (long term support) version of Node.js.

Download latest version of node.js from nodejs.org.
Install Node.js using downloaded file.
To check your node version, run node -v in a terminal/console window (cmd)

Npm package Manager

The Angular CLI and Angular applications depend on npm packages for many features and functions.
To download and install npm packages, you need an npm package manager.
This guide uses the npm client command line interface, which is installed with Node.js by default. To check that you have the npm client installed, run npm -v in a terminal/console window (cmd)

For better understanding Angular we suggest you once go through official documentation of Angular from Angular Documentation

How to Run the Azira Angular Template:
Step1:

Download the Azira.rar/zip file.

Extract it there you will find Azira(main project file), Starter-kit(set of files and code that provides a basic structure and functionality for a specific type of application), Readme.txt, Documentation.

Step2:

Go to the Azira folder/directory. open the command prompt/ terminal run the below command. 

npm install            // If you faced any issue running "npm install" Please make sure to use,
	                    
npm install --force 	// This command will ignore if there was any dependency issue.
	(or)
yarn install			// yarn can handle dependency issues better than npm.

Once the installation was successful then you can find node_modules folder where all the downloaded libraries are available.

Step3:

To serve the Angular project, In command prompt or terminal run the following command:

ng serve

Once you serve your application by default port is set to 4200 :http://localhost:4200/

To change the Angular port manually, you can specify the port number when running the ng serve command. By default, the port is set to 4200, but you can specify a different port number by appending `--port` followed by the desired port number.

ng serve --port 1234
How to Convert SCSS to CSS:

If you need to change any styles, modify the SCSS files. To convert SCSS to CSS, run the following command:

npm run sass
Staterkit

StarterKit is a foundational template or boilerplate that provides the basic structure and essential components needed to build a web application from scratch. It’s designed to save time by offering pre-configured setups, allowing developers to focus on building features rather than setting up the initial project structure.

  • 1.Folder Structure: Organized directories for components, pages, assets, styles, and utilities.
  • 2.Basic Pages: Such as a dashboard, login/authentication page, and error pages.
  • 3.Reusable Components:dashboards, pages, apps, uitilities, ui-elements, advanced-ui, tables, maps, charts, forms ready to be customized.
  • 4.Styling Setup: CSS, SCSS for quick UI development.
How to Run the Staterkit:
Step1:

Download the Azira.rar/zip file.

Extract it there you will find Azira(main project file), Starter-kit(set of files and code that provides a basic structure and functionality for a specific type of application), Readme.txt, Documentation.

Step2:

Go to the Staterkit folder/directory. open the command prompt/ terminal run the below command. 

npm install            // If you faced any issue running "npm install" Please make sure to use,
	                    
npm install --force 	// This command will ignore if there was any dependency issue.
	(or)
yarn install			// yarn can handle dependency issues better than npm.

Once the installation was successful then you can find node_modules folder where all the downloaded libraries are available.

Step3:

To serve the Angular project, In command prompt or terminal run the following command:

ng serve

Once you serve your application by default port is set to 4200 :http://localhost:4200/

To change the Angular port manually, you can specify the port number when running the ng serve command. By default, the port is set to 4200, but you can specify a different port number by appending `--port` followed by the desired port number.

ng serve --port 1234
How to Convert SCSS to CSS:

If you need to change any styles, modify the SCSS files. To convert SCSS to CSS, run the following command:

npm run sass
Installation Video
Video Link