Angular Cli: Todo lo que debes saber para Instalar Angular
Actualmente, Angular 9 es la última versión y es uno de los frameworsk más utilizados del mundo por las empresas. Angular Cli es la herramienta con la que vamos a poder generar aplicaciones donde nos permite crear, depurar y publicar. Además, Angular Cli es muy potente, versátil y sencillo de dominar los aspectos básicos.
Pues bien, si quieres saber más sobre como instalar angular, estás en el sitio adecuado. ¿Empezamos?
Antes de empezar
Antes de saber instalar Angular, debemos tener conocimientos en los siguientes lenguajes de programación
Administrador de paquetes npm
Las aplicaciones Angular y Angular CLi depende de las funcionalidades y características que proporcionan las bibliotecas disponibles en los paquetes npm. Por ello, para poder tener estos paquetes, necesitamos instalar NodeJs y su manejador de paquetes npm.
¿Cómo instalar Angular?
Para empezar la instalación de Angular Cli tenemos que tener actualizado NodeJs y su manejador de paquete npm. Comprueba la versión instalada utilizando el siguiente comando:
Te recomiendo que empieces con una instalación global para comprobar que puedes usar esta herramienta desde cualquier directorio.
Para instalar Angular Cli usando npm, abre una ventana de terminal/consola e ingrese el siguiente comando:
¿Cómo crear una aplicación con Angular Cli?
Una vez realizada la instalación de Angular cli, desarrolla aplicaciones en un espacio de trabajo. Para crear este nuevo espacio de trabajo tenemos que ejecutar el comando ng new con el nombre my-app. Este comando va a generar una aplicación funcional junto con sus configuraciones necesarias para su depuración, pruebas y ejecución.
El comando ng new muestra información sobre las características para incluir en la aplicación inicial. Por tanto, debes aceptar estos valores predeterminados.
Angular Cli instala los paquetes npm necesarios y otras dependencias. Por último, crea un nuevo espacio de trabajo y una aplicación de bienvenida, lista para ser ejecutada.
¿Cómo ejecutar la aplicación?
Angular Cli incluye un servidor para poder crear y ejecutar la aplicación de forma fácil a nivel local. Para ello, hay que dar los siguientes pasos:
- Ve a la carpeta del espacio de trabajo my-app.
- Inicie el servidor utilizando el comando ng serve con la opción – -open, como se muestra en la siguiente imagen.
El comando ng server inicia el servidor, observa los archivos y reconstruye la aplicación a medida que realiza cambios en esos archivos.
La opción – -open abrirá automáticamente el navegador.
Desarróllate profesionalmente con nuestro curso de Angular
¿Quieres mejorar tus posibilidades de cambiar de puesto de trabajo o incorporarte al mercado laboral? Estas en el sitio adecuado. En Besoftware buscamos talentos digitales como tu para ayudarte a desarrollarte profesionalmente y llegar a donde te propongas.
Por ello, vamos a impartir un curso en Angular de forma videopresencial, para aprender desde casa, de la mano de nuestros profesionales expertos en la materia. Y te preguntarás ¿merecerá la pena este curso? Descúbrelo por ti mismo.
Materias que se verán en el curso
1. Introducción a Angular.
2. Angular Cli.
3. Node y Npm.
4. Instalación y primeros pasos.
5. Editor de Código.
6. Estructura de un proyecto.
7. Resumen del flujo de ejecución de la aplicación básica Angular.
8. Elementos que conforman Angular.
9. Primer ejemplo práctico.
10. Componentes y Plantillas.
11. Módulos 12. Typescript.
13. Funciones de flecha.
14. Clases, Modelos de datos y Objetos.
15. Directivas.
16. Comunicación entre componentes ( Input / Output ).
17. ¡Y mucho más!
¡Te esperamos!