Scribd
Upload
53 views

1) After Installing Node JS, Open Node Js .Use Start Menu To Open Node JS. 2) Type " NPM Install - G @angular/cli" To Install Angular

The document provides instructions for installing Angular and creating a new Angular project. It explains how to install Node.js and Angular CLI, then use the Angular CLI commands to generate a new project called AngularFirst that includes routing. The commands compile the project and launch a development server to preview it.

Uploaded by

Jyothi Ampally
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
53 views

1) After Installing Node JS, Open Node Js .Use Start Menu To Open Node JS. 2) Type " NPM Install - G @angular/cli" To Install Angular

The document provides instructions for installing Angular and creating a new Angular project. It explains how to install Node.js and Angular CLI, then use the Angular CLI commands to generate a new project called AngularFirst that includes routing. The commands compile the project and launch a development server to preview it.

Uploaded by

Jyothi Ampally
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

1)After installing Node js ,Open Node js .use Start menu to open Node JS.

2)type “ npm install -g @angular/cli” to install Angular .

Ex:-

C:\Users\MAP>npm install -g @angular/cli

npm notice

npm notice New patch version of npm available! 7.4.0 -> 7.4.2

npm notice Changelog: https://github.com/npm/cli/releases/tag/v7.4.2

npm notice Run npm install -g [email protected] to update!

npm notice

npm WARN deprecated [email protected]: this library is no longer supported

npm WARN deprecated [email protected]: request has been deprecated, see


https://github.com/request/request/issues/3142

npm WARN deprecated [email protected]: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-
severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to
3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797)

added 253 packages, and audited 254 packages in 58s

16 packages are looking for funding

run `npm fund` for details

found 0 vulnerabilities

After successful installation you get the command prompt in windows and shell prompt in
Linux/mac.

3)Choose your working directory and create Angular project using following commands.

Ex:-

C:\Users\MAP>e:

E:\>cd FuturePoint
E:\FuturePoint>cd training

NOTE:- AngularFirst is your project name

E:\FuturePoint\Training>ng new AngularFirst

? Do you want to enforce stricter type checking and stricter bundle budgets in the workspace?

This setting helps improve maintainability and catch bugs ahead of time.

For more information, see https://angular.io/strict Yes

? Would you like to add Angular routing? Yes

? Which stylesheet format would you like to use? CSS

CREATE AngularFirst/angular.json (3671 bytes)

CREATE AngularFirst/package.json (1203 bytes)

CREATE AngularFirst/README.md (1021 bytes)

CREATE AngularFirst/tsconfig.json (737 bytes)

CREATE AngularFirst/tslint.json (3185 bytes)

CREATE AngularFirst/.editorconfig (274 bytes)

CREATE AngularFirst/.gitignore (631 bytes)

CREATE AngularFirst/.browserslistrc (703 bytes)

CREATE AngularFirst/karma.conf.js (1429 bytes)

CREATE AngularFirst/tsconfig.app.json (287 bytes)

CREATE AngularFirst/tsconfig.spec.json (333 bytes)

CREATE AngularFirst/src/favicon.ico (948 bytes)

CREATE AngularFirst/src/index.html (298 bytes)

CREATE AngularFirst/src/main.ts (372 bytes)

CREATE AngularFirst/src/polyfills.ts (2826 bytes)

CREATE AngularFirst/src/styles.css (80 bytes)

CREATE AngularFirst/src/test.ts (753 bytes)

CREATE AngularFirst/src/assets/.gitkeep (0 bytes)

CREATE AngularFirst/src/environments/environment.prod.ts (51 bytes)


CREATE AngularFirst/src/environments/environment.ts (662 bytes)

CREATE AngularFirst/src/app/app-routing.module.ts (245 bytes)

CREATE AngularFirst/src/app/app.module.ts (393 bytes)

CREATE AngularFirst/src/app/app.component.html (25757 bytes)

CREATE AngularFirst/src/app/app.component.spec.ts (1075 bytes)

CREATE AngularFirst/src/app/app.component.ts (216 bytes)

CREATE AngularFirst/src/app/app.component.css (0 bytes)

CREATE AngularFirst/e2e/protractor.conf.js (904 bytes)

CREATE AngularFirst/e2e/tsconfig.json (274 bytes)

CREATE AngularFirst/e2e/src/app.e2e-spec.ts (663 bytes)

CREATE AngularFirst/e2e/src/app.po.ts (274 bytes)

√ Packages installed successfully.

'git' is not recognized as an internal or external command,

operable program or batch file.

4) Change to Created project Folder

E:\FuturePoint\Training>cd AngularFirst

E:\FuturePoint\Training\AngularFirst>ng serve

Compiling @angular/core : es2015 as esm2015

Compiling @angular/common : es2015 as esm2015

Compiling @angular/platform-browser : es2015 as esm2015

Compiling @angular/router : es2015 as esm2015

Compiling @angular/platform-browser-dynamic : es2015 as esm2015

√ Browser application bundle generation complete.

Initial Chunk Files | Names | Size

vendor.js | vendor | 2.66 MB


polyfills.js | polyfills | 484.60 kB

styles.css, styles.js | styles | 344.17 kB

main.js | main | 59.54 kB

runtime.js | runtime | 6.15 kB

| Initial Total | 3.54 MB

Build at: 2021-01-18T22:39:25.095Z - Hash: d39e714243900df40014 - Time: 46513ms

** Angular Live Development Server is listening on localhost:4200, open your browser on


http://localhost:4200/ **

√ Compiled successfully.

You might also like