Ir al contenido principal

Cómo instalar Yeoman en Ubuntu

Yeoman nos facilita el desarrollo de nuestras aplicaciones web. Entre algunas de sus funciones están: generar la estructura base de nuestro proyecto (con HTML5, angular.js, twitter bootstrap, ...), instalar automáticamente sus dependencias, construir el proyecto, etc... Todo esto lo llevan a cabo las 3 herramientas que forman Yeoman: Yo, Grunt y Bower.

Tiene una pinta estupenda, así que vamos a ver cómo instalarlo en Ubuntu, para empezar a trastearlo cuanto antes! :)

Para ello sólo tenemos que seguir unos sencillos pasos:

1) Instalar node.js

sudo apt-get install python-software-properties
sudo apt-add-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs

2) Instalar npm

sudo apt-get install npm

3) Instalar Yeoman (herramienta Yo)

sudo npm install -g yo grunt-cli bower

Para probar que se ha instalado correctamente, podemos ejecutar en una terminal:
yo -v

En posteriores posts veremos cómo instalar el resto de herramientas, cómo generar un proyecto angular.js utilizando Yeoman, ...

Entradas populares de este blog

Leer un fichero properties con java.util.Properties

Los ficheros .properties son simples ficheros de texto que se suelen utilizar para guardar parámetros de configuración, en forma de pares clave-valor. Ejemplo de fichero: configuration.properties #User parameters user.name=Ana user.language=spanish Si estamos usando Java, podemos utilizar la clase java.util.Properties para leer los parámetros de este fichero: private static final String USER_NAME = "user.name"; private static final String USER_LANGUAGE = "user.language"; public void showProperties() throws Exception { Properties p = new Properties(); InputStream is = App.class.getResourceAsStream("/configuration.properties"); p.load(is); is.close(); String userName = p.getProperty(USER_NAME); String userCountry = p.getProperty(USER_LANGUAGE); System.out.println("userName: "+userName); System.out.println("userLanguage: "+userCountry); } Después de ejecutar este método, obtendríamos la siguiente salida:

JSF 2.0: Managed Beans (III)

Anteriormente ya hemos visto que cuando se declara un bean, tenemos que darle un scope: application, session, view, request, none. Un scope es un mapeo entre nombres y objetos que se almacena durante un determinado periodo de tiempo. En este post vamos a explicar cada uno de ellos. Si declaramos el bean desde el fichero faces-config.xml, indicamos el scope en <managed-bean-scope> y si queremos hacerlo con anotaciones, utilizaremos @{Application,Session,View,Request,None}Scoped Application Con este scope, se guarda la información durante toda la vida de la aplicación web, independientemente de todas las peticiones y sesiones que se realicen. Este bean se instancia con la primera petición a la aplicación y desaparece cuando la aplicación web se elimina del servidor. Si queremos que el bean se instancie antes de que se muestre la primera página de la aplicación, usamos la propiedad eager a true. @ManagedBean(eager=true) ó <managed-bean eager="true"> Session

JSF 2.0: Message bundles

Los message bundles son ficheros .properties que guardan mensajes del tipo clave=valor. Si centralizamos todos los mensajes de nuestra aplicación en estos ficheros, es más fácil poder localizarlos si queremos realizar algún cambio y también nos ayuda para la internacionalización de la aplicación. Ejemplo: messages.properties (en src/java/com/examples) con dos mensajes name=Tu nombre: age=Tu edad: ¿Cómo los declaramos? 1) En cada página JSF donde lo necesitemos <f:loadBundle basename="com.examples.messages" var="msgs"/> 2) De manera global en faces-config.xml <application>      <resource-bundle>           <base-name>com.examples.messages</base-name>           <var>msg</var>      </resource-bundle> </application> Esta opción es más eficiente ya que sólo crea el bundle una vez para toda la aplicación ¿Cómo accedemos a los mensajes desde una página JSF? Siguiendo con el ejemplo, sería algo tan senc