Esta es una adaptación del artículo oficial 5 MIN QUICK START de angular.io para crear tu primer app en Angular 2.

En este tutorial estaremos creando nuestra primer app en Angular 2 usando JavaScript. Nos saltaremos muchos conceptos básicos para obtener un app corriendo lo más pronto posible.

Los directorios de nuestra app se verán así:

angular2-quickstart
–app
—-app.component.js
—-main.js
–index.html
–license.md
Esto implica simplemente un archivo index.html y dos archivos Javascript, simple :).

Ambiente de trabajo

Necesitamos tener un folder donde poner todos nuestros archivos, así que lo agregaremos así:
mkdir angular2-quickstart
cd    angular2-quickstart

Agregar las librerías que necesitamos

Para esto, usaremos npm, si aún no tienes npm, por favor ve a este link e instálalo: https://docs.npmjs.com/getting-started/installing-node

Agrega un archivo package.json a tu carpeta de proyecto:

Ahora necesitamos instalar las dependencias que especificamos en el package.json con un simple comando. Hay que asegurarnos en nuestra terminal de estar dentro del folder angular2-quickstart y correr este comando:

sudo npm install

*Puede que aparezcan errores en rojo, pero puedes ignorarlos.*

Nuestro primer componente de Angular 2

Los componentes son la parte más fundamental de un app de Angular 2. Un componente maneja una vista, lo cuál es una pieza de la página web donde mostramos contenido a los usuarios.

Crear un subfolder llamado app y naveguemos dentro de él:

mkdir app
cd    app

Agregar el archivo de componente

Agrega un archivo llamado app.component.js y pega el siguiente código en él:

Estamos creando un componente visual llamado AppComponent usando los métodos Class y Component que pertenecen al global Angular core namespace, ng.core.

Ahora agreguemos un nuevo archivo llamado main.js a la carpeta app/ con este contenido:

Con esto, le hemos pedido a Angular 2 que corra nuestra app en un browser con nuestro componente en la raíz. Pero, dónde va a poner nuestro componente Angular?

Agrega el index.html

Pondremos nuestro index en la raíz de nuestro proyecto, así que navegamos un directorio arriba:

cd ..

para quedar en el folder angular2-quickstart

Aquí crea el archivo index.html y colócale este contenido:

Ahora, solo tenemos que correrlo. Regresa a la terminal y usa el comando

npm start

Ese comando corre algo llamado lite-server que automáticamente carga tu archivo index.html en un browser y le hace refresh automáticamente al browser cada que haces algún cambio en el código.

En unos momentos, verás esto:

My First Angular 2 App

Felicidades! Ya hiciste tu app de Angular 2 en cinco minutos.