Crear un proyecto simple vacio

Instalación básica

Primero tenemos que tener instalado la version mínima de

nodejs v4.x.x

comandos npm v3.x.x

Lo podemos encontrar en Node.js® and npm.

Instalamos Angular CLI, son una serie de herramientas para desarrolladores que nos facilitara el trabajo al empezar.

intstall -g angular-cli

Una vez instalado vamos a crear nuestra carpeta del proyecto y a entrar en ella.

ng new "nombre del proyecto"

Nosotros vamos a ponerle...
ng new Quickstart

Ahora, gracias a la herramienta Angular CLI ya tenemos el esqueleto de una aplicación Angular 2.

Añadir un componente mediante Angular CLI.

ng generate component input-product

Para poder visualizar el html de este componente en la web sera necesario:

1. Añadir etiqueta en el html raiz 'src/Index.html' <input-product-component> Loading... </input-product-component>

2. Añadir bootstrap
   import { InputProductComponent} from './app/input-product'; bootstrap(InputProductComponent);

Evento Click de un Boton