Scribd
Upload
4 views

angular

The document provides a step-by-step guide for installing Angular and creating a new Angular application. It includes commands for generating modules and components within the application, specifically for public, private, and security modules. The instructions are intended for users familiar with command line interfaces like PowerShell and Git Bash.

Uploaded by

Jorge Luis Huamani Ambrosio
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views

angular

The document provides a step-by-step guide for installing Angular and creating a new Angular application. It includes commands for generating modules and components within the application, specifically for public, private, and security modules. The instructions are intended for users familiar with command line interfaces like PowerShell and Git Bash.

Uploaded by

Jorge Luis Huamani Ambrosio
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Dependencias:

Tener instalada nodeJS (preferentemente la ultima versión)

Instalación del cliente de angular

 npm install -g @angular/cli

// Si se instalo correctamente debería poder acceder al comando ng desde la consola

Crear una nueva aplicación de angular

Abrir la consola de sistema (Powershel, Git Bash)

Situarnos en la carpeta donde voy a trabajar (E:\quinto)

 cd E:\quinto # powershell
 cd /E/quinto # git bash
Creamos el proyecto
 ng new ic-tienda --standalone=false

PS E:\quinto\ic-tienda> ng generate module public


CREATE src/app/public/public.module.ts (204 bytes)
PS E:\quinto\ic-tienda> ng generate module private
CREATE src/app/private/private.module.ts (205 bytes)
PS E:\quinto\ic-tienda> ng generate module security
CREATE src/app/security/security.module.ts (206 bytes)
PS E:\quinto\ic-tienda> ng generate module shared
CREATE src/app/shared/shared.module.ts (204 bytes)

PS E:\quinto\ic-tienda> ng generate component public/pages/home-page


CREATE src/app/public/pages/home-page/home-page.component.html (25 bytes)
CREATE src/app/public/pages/home-page/home-page.component.spec.ts (635 bytes)
CREATE src/app/public/pages/home-page/home-page.component.ts (220 bytes)
CREATE src/app/public/pages/home-page/home-page.component.css (0 bytes)
UPDATE src/app/public/public.module.ts (305 bytes)
PS E:\quinto\ic-tienda> ng generate component public/pages/contact-page
CREATE src/app/public/pages/contact-page/contact-page.component.html (28 bytes)
CREATE src/app/public/pages/contact-page/contact-page.component.spec.ts (656 bytes)
CREATE src/app/public/pages/contact-page/contact-page.component.ts (232 bytes)
CREATE src/app/public/pages/contact-page/contact-page.component.css (0 bytes)
UPDATE src/app/public/public.module.ts (416 bytes)
PS E:\quinto\ic-tienda> ng generate component public/pages/buycar-page
CREATE src/app/public/pages/buycar-page/buycar-page.component.html (27 bytes)
CREATE src/app/public/pages/buycar-page/buycar-page.component.spec.ts (649 bytes)
CREATE src/app/public/pages/buycar-page/buycar-page.component.ts (228 bytes)
CREATE src/app/public/pages/buycar-page/buycar-page.component.css (0 bytes)
UPDATE src/app/public/public.module.ts (523 bytes)
PS E:\quinto\ic-tienda> ng generate component public/pages/about-us-page
CREATE src/app/public/pages/about-us-page/about-us-page.component.html (29 bytes)
CREATE src/app/public/pages/about-us-page/about-us-page.component.spec.ts (657 bytes)
CREATE src/app/public/pages/about-us-page/about-us-page.component.ts (235 bytes)
CREATE src/app/public/pages/about-us-page/about-us-page.component.css (0 bytes)
UPDATE src/app/public/public.module.ts (636 bytes)
PS E:\quinto\ic-tienda> ng generate component private/pages/admin-home-page
CREATE src/app/private/pages/admin-home-page/admin-home-page.component.html (31
bytes)
CREATE src/app/private/pages/admin-home-page/admin-home-page.component.spec.ts
(671 bytes)
CREATE src/app/private/pages/admin-home-page/admin-home-page.component.ts (243
bytes)
CREATE src/app/private/pages/admin-home-page/admin-home-page.component.css (0
bytes)
UPDATE src/app/private/private.module.ts (328 bytes)
PS E:\quinto\ic-tienda> ng generate component private/pages/admin-roles-page
CREATE src/app/private/pages/admin-roles-page/admin-roles-page.component.html (32
bytes)
CREATE src/app/private/pages/admin-roles-page/admin-roles-page.component.spec.ts (678
bytes)
CREATE src/app/private/pages/admin-roles-page/admin-roles-page.component.ts (247
bytes)
CREATE src/app/private/pages/admin-roles-page/admin-roles-page.component.css (0
bytes)
UPDATE src/app/private/private.module.ts (453 bytes)
PS E:\quinto\ic-tienda> ng generate component private/pages/admin-productos-page
CREATE src/app/private/pages/admin-productos-page/admin-productos-
page.component.html (36 bytes)
CREATE src/app/private/pages/admin-productos-page/admin-productos-
page.component.spec.ts (706 bytes)
CREATE src/app/private/pages/admin-productos-page/admin-productos-
page.component.ts (263 bytes)
CREATE src/app/private/pages/admin-productos-page/admin-productos-
page.component.css (0 bytes)
UPDATE src/app/private/private.module.ts (594 bytes)
PS E:\quinto\ic-tienda> ng generate component security/pages/login-page
CREATE src/app/security/pages/login-page/login-page.component.html (26 bytes)
CREATE src/app/security/pages/login-page/login-page.component.spec.ts (642 bytes)
CREATE src/app/security/pages/login-page/login-page.component.ts (224 bytes)
CREATE src/app/security/pages/login-page/login-page.component.css (0 bytes)
UPDATE src/app/security/security.module.ts (311 bytes)
PS E:\quinto\ic-tienda> ng generate component security/pages/logout-page
CREATE src/app/security/pages/logout-page/logout-page.component.html (27 bytes)
CREATE src/app/security/pages/logout-page/logout-page.component.spec.ts (649 bytes)
CREATE src/app/security/pages/logout-page/logout-page.component.ts (228 bytes)
CREATE src/app/security/pages/logout-page/logout-page.component.css (0 bytes)
UPDATE src/app/security/security.module.ts (418 bytes)
PS E:\quinto\ic-tienda> ng generate component security/pages/recovery-pwd-page
CREATE src/app/security/pages/recovery-pwd-page/recovery-pwd-page.component.html
(33 bytes)

CREATE src/app/security/pages/recovery-pwd-page/recovery-pwd-page.component.spec.ts
(685 bytes)
CREATE src/app/security/pages/recovery-pwd-page/recovery-pwd-page.component.ts (251
bytes)
CREATE src/app/security/pages/recovery-pwd-page/recovery-pwd-page.component.css (0
bytes)
UPDATE src/app/security/security.module.ts (547 bytes)
PS E:\quinto\ic-tienda> ng generate component security/pages/register-page
CREATE src/app/security/pages/register-page/register-page.component.html (29 bytes)
CREATE src/app/security/pages/register-page/register-page.component.spec.ts (663 bytes)
CREATE src/app/security/pages/register-page/register-page.component.ts (236 bytes)
CREATE src/app/security/pages/register-page/register-page.component.css (0 bytes)
UPDATE src/app/security/security.module.ts (662 bytes)

You might also like