Curso de Angular-Configurando Entorno de Desarrollo

 

Angular es uno de los frameworks front-end más importantes en el desarrollo de aplicaciones web.

Vamos a instalar todo lo necesario para comenzar a desarrollar una aplicación con este grandioso framework.

Instalamos node.js

Este es un paso muy simple puesto que lo único que debemos hacer es descargar el instalador (https://nodejs.org/es/download/) y dar el clásico “next, next, next…”.

Página de descarga de nodejs https://nodejs.org/es/download/

Descarga | Node.js

Versión actual: 12.17.0 (includes npm 6.14.4) Descargue el código fuente de Node.js o un instalador pre-compilado para…

nodejs.org

La única duda que podríamos tener es cual versión descargar ¿La actual o la LTS?… Bueno si vas a instalar este entorno por un tema educativo o de investigación podría descarga la actual para que tengas los ultimos cambios aprobados por el equipo técnico de Node. Si tu objetivo es realizar un proyecto que llegue a producción, lo recomendable es usar la versión LTS. Ya que esta última es la versión a la que se le da soporte a largo plazo y lo más segura es que los servidores de producción la usen. Pero esto toma más importancia si nuestro desarrollo de Angular viene acompañado por un back-end en node.js.

Instalar typescript

Aquí ya dejamos los next, next… y le echamos mano al terminal. Al instalar node nos viene también su manejador de paquete llamado npm.

windows

Si somos de windows abrimos con alt nuestros programas y buscamos “cmd” damos segundo click sobre él y seleccionamos “abrir como administrador.

Digitamos el siguiente comando

npm install -g typescript

Mac OS & GNU/Linux

Aqui abrimos nuestro célebre terminal y digitamos el comando dando permisos de administrador con el sudo

sudo npm install -g typescript

Si te preguntas porque se requieren los permisos de administrador, es porque estamos instalando de typescript de manera global (-g) es porque vamos a poder compilar typescript desde cualquier ubicación(asi como los comandos globales).

Instalar Angular CLI

El Angular cli es un cliente que nos permite crear proyectos de angular así como crear componentes, servicios, pipes y otras clases que son parte de framework de angular.

Seguiremos los pasos que nos da en su documentación. Primero lo instalamos (ya sabes si eres windows abres tu cmd como administrador, si eres mac o linux antepones el sudo).

npm install -g @angular/cli

Y LISTO!

Ahora estamos listos para crear nuestro primer proyecto!

Con nuestro terminal o linea de comandos navegamos hasta la carpeta donde deseamos crear nuestro proyecto y lo hacemos usando el angular CLI. usando el comando “ng”

Crear un nuevo proyecto

ng new my-dream-app

Comenzará a descargar una plantilla de proyecto de angular y además instalará las dependencias de este.

Ahora entramos a la carpeta de nuestro proyecto

cd my-dream-app

Ahora iniciamos nuestro servidor de pruebas para angular

ng serve

Esperamos que termine la compilación y entramos a http://localhost:4200/

Ya estamos listo para desarrollar nuestra primera aplicación con angular.

Si te gusto este post no olvides darle unas palmaditas y dejar tu comentario de que otro articulo relacionado con angular te gustaría que toquemos.