Angular: Lanzar una aplicación

Tiempo de lectura: 2 minutos Usando el proyecto creado en la entrada anterior, vamos a ver cómo lanzar la aplicación para poder verla en el navegador web. Para ello, abriremos nuestro proyecto desde Visual Studio Code.    1. Abrir el terminal de Visual Studio Code. Para ello, acceder al menú "Terminal" > "Nueva Terminal", o pulsar el atajo de teclado ... Leer más

Angular: Creación de un proyecto

Tiempo de lectura: 2 minutos Una vez instalado NodeJS y Angular CLI  (+info),vamos a crear un proyecto en Angular. En este caso lo haremos con la siguiente configuración: Angular CLI: 14.2.3Node: 16.17.0Package Manager: npm 8.19.2OS: win32 x64    1. Desde la consola de Windows, posicionarnos en la ruta de destino del proyecto, por ejemplo: cd C:\Dev\Angular    2. Para consultar ... Leer más

Angular: Instalación

Tiempo de lectura: 2 minutos

Para trabajar con proyectos en Angular es necesario tener instalados NodeJS y Angular CLI.

Instalación NodeJS:

   1. Acceder al sitio oficial para descargarlo: https://nodejs.org/es/
En mi caso he elegido la versión recomendada para la mayoría, que en este momento es la 16.17.0 LTS.

   2. Instalarlo siguiendo el asistente:

   3. Comprobar que la versión se ha instalado correctamente. Para ello, en la consola de Windows, escribir el comando: 

node -v

   4. Comprobar la versión de npm instalada, escribiendo el siguiente comando en la consola de Windows:

npm -v

 

Instalación Angular CLI:

   1. En la consola de Windows, ejecutar el comando:

npm install -g @angular/cli

    2. Al finalizar, me ha aparecido un mensaje indicando que hay una nueva versión:

   3. Instalar la última versión:

npm install -g npm@8.19.2    

   4. Comprobar la versión instalada, con el comando:

ng version

   5. Al ser la primera vez que lo uso, aparece una pregunta para recopilar información de uso de forma anónima, en mi caso he pulsado "N", y a continuación se muestra la siguiente información de Angular CLI:

   6. Por último, la página oficial de angular es la siguiente: https://angular.io/cli

 

Leer más