Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como yeoman

Yeoman - Cómo instalar Grunt

Grunt es la herramienta de Yeoman que nos va a permitir ejecutar fácilmente un servidor y así probar que nuestra aplicación funciona. Para instalarlo, seguimos los siguientes pasos sudo apt-get install ruby sudo npm install grunt-contrib-compass --save-dev sudo gem install compass sudo npm install -g grunt-cli Vamos a probar que se ha instalado correctamente, utilizando la aplicación AngularJS creada en el post anterior . Para ello, ejecutamos: grunt server Y automáticamente se abrirá nuestra aplicación en el navegador ;)

Cómo crear un proyecto AngularJS con Yeoman

En el post anterior instalamos Yo, que es la herramienta de Yeoman que nos permite generar la estructura básica de nuestros proyectos web. En este post vamos a crear nuestro primer proyecto AngularJS utilizando Yeoman. Los pasos a seguir son: 1) Instalamos el generador de AngularJS sudo npm install -g generator-angular 2) Generamos el proyecto yo angular Y ya tendríamos la estructura base de nuestro primer proyecto AngularJS! :)

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 genera...