Crear una carpeta donde estarán alojados tus proyectos, en este ejemplo se ha creado directamente en C:\ la cual fue llamada Angular >> C:\Angular
Luego ir a Visual Studio Code >> Terminal >> New Terminal >> Command Prompt
C:\Users\Leonarda Vidal>cd C:\Angular
C:\Angular>ng new primo-progetto
? Would you like to add Angular routing? No
? Which stylesheet format would you like to use? CSS
Al finalizar la instalación se vera algo así:
Comandos mas utilizados:
- ng generate: se utiliza para crear componentes, class, modulos, interfaces ejemplo: ng
- ng server: se utiliza para crear un serve
Para crear un serve primero se debe abrir la carpeta del proyecto desde Visual Studio Code: File >> Open Folder y buscar la carpeta del proyecto creada recientemente
Ir a Terminal >> new Terminal >> cmd
Escribir el comando > ng serve
Visual Studio Code cmd:
C:\Angular\primo-progetto>ng serve
? Would you like to share anonymous usage data about this project with the Angular Team at
Google under Google’s Privacy Policy at https://policies.google.com/privacy. For more
details and how to change this setting, see https://angular.io/analytics. No
Global setting: enabled
Local setting: disabled
Effective status: disabled
✔ Browser application bundle generation complete.
Initial Chunk Files | Names | Raw Size
vendor.js | vendor | 1.73 MB |
polyfills.js | polyfills | 313.41 kB |
styles.css, styles.js | styles | 207.33 kB |
main.js | main | 48.33 kB |
runtime.js | runtime | 6.53 kB |
| Initial Total | 2.29 MB
Build at: 2022-06-06T10:18:42.297Z - Hash: efb007e91b8536ab - Time: 73430ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
√ Compiled successfully.
Ilustración:
Para cargar todas las dependencias ejecutar en el terminar cmd el siguiente comando: npm i
No hay comentarios:
Publicar un comentario