Instalar Angular 4 paso a paso

Hoy vamos a instalar Angular 4 paso a paso y desde cero. Angular 4 es la nueva versión de Angular 2, que incluye una mejora importante a nivel interno, aunque no trae muchos cambios a la hora de programar con el framework.

Veamos como instalar Angular 4.

Paso 0. Instalar la última versión de NodeJS desde aquí https://nodejs.org/es/download/

Paso 1. Descargar el quickstart de Angular desde su repositorio https://github.com/angular/quickstart o pinchando aquí.

Paso 2. Descomprimir el zip en un directorio.

Paso 3. Entrar desde la consola de comandos al directorio donde hemos descomprimido el zip:

cd angular4

Paso 4. Lanzar el comando para instalar las dependencias necesarias para el framework con el comando:

npm install

Paso 5.(Te lo puedes saltar si no tienes una instalación previa de Angular 2) Actualizar el framework a Angular 4 usando el comando:

npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@next --save

Ahora podemos revisar el fichero package.json y veremos que tenemos la versión 4 de Angular.

Paso final. Lanzar el comando para arrancar el framework con el comando:

npm start

Ya tenemos disponible el hola mundo de Angular 4 en la url http://localhost:3000/ que sirve un pequeño servidor que arranca el comando npm start para desarrollar con Angular.

Víctor Robles WEB

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post