¿Qué es y cómo instalar el Polymer Starter Kit?

El Polymer Starter Kit, es el boilerplate de una aplicación completamente hecha con Polymer, que nos permitirá comenzar a trabajar, ya que viene con todas las dependencias que necesitamos para que nuestro proyecto pueda correr sin ningún problema.

Para poder descargarlo, primero tienes que asegurarte de tener instalado Node.js

En caso de que no lo tengas instalado, entra aquí para descargar el instalador.

Terminando con eso y para corroborar que se instaló o que ya lo tenías, escribe en tu terminal éste comando, que debería de regresarnos la versión que tenemos instalada, por ejemplo:

node –v

Una vez que ya hemos instalado Node.js, tendremos su npm (el gestor de paquetes de node) que nos ayudará a poder descargar paquetes, como bower y Gulp, que estaremos utilizando para nuestro proyecto de Polymer.

Paso 1:

Primero tendremos que instalar Yeoman (que es una herramienta de scaffolding para aplicaciones web modernas) escribiendo en la terminal

sudo npm install -g yo

(en caso de que tengas Windows, solo asegúrate de poder usar tu terminal como administrador)

Paso 2:

Posteriormente, instalaremos el generador de Polymer que nos da Yeoman

sudo npm install -g generator-polymer

Paso 3:

Terminando de instalar el generador, debemos crear una carpeta, en la cual estaremos instalando todo nuestro proyecto.

mkdir -p my-project && cd my-project

(my-project hace referencia al nombre de tu carpeta, y el && nos permite entrar con cd una vez que ésta se haya creado)

Paso 4:

Y para terminar, una vez que estemos adentro de la carpeta de nuestro proyecto, corremos este comando, que nos generara toda la estructura de nuestro proyecto

yo polymer

Paso 5:

Una vez que haya terminando de realizar toda las descargas necesarias, tendremos que correr dos comando más para terminar la instalación de nuestro Polymer Starter Kit

sudo npm install bower

sudo npm install

Despúes de correr el segundo comando, y veas esto en tu consola:

presiona ctrl + c para que termine, y ¡¡listo!! ya tienes tu Polymer Starter Kit, ahora solo corre tu servidor virtual con Gulp y espera a que se abra tu proyecto en tu navegador

gulp serve

(Nota: en caso de que hayas corrido el comando gulp serve en tu terminal y se haya cargado una página completamente en blanco, no te preocupes, posiblemente hubo algún error al descargar los web-components, así que solo corre este comando en tu terminal bower install --save PolymerElements/iron-a11y-announcer y vuelve a correr gulp serve ;) )