Instalando LESS en linux

Vistas al próximo proyecto que tengo en mente, he decidido plantificar el diseño del interfaz mediante el Bootstrap de Twitter, ahora que han publicado su versión 2.0. Este kit de inicio para el desarrollo rápido de páginas HTML5 y CSS3 utiliza la librería LESS para las hojas de estilo.

Podríamos definir LESS como la posibilidad de usar variables y funciones directamente en los CSS. Funciona tanto a nivel de cliente como a nivel de servidor, por esta razón la necesidad de instalar ciertos programas para su correcto funcionamiento. También hay que contar que Symfony2 ofrece también soporte tanto para el Bootstrap de Twitter, como para LESS, mediante el MopaBootstrapBundle.

Como en el desarollo local trabajo con Ubuntu y en los servidores de producción con CENTOS, explicaré los pasos para cada distribución.

CENTOS

En mi última adquisición a Hispaweb, me he hecho con uno de los nuevos flamantes VPS con CENTOS 6 y Plesk 10, y la verdad que vienen ya muy bien equipados (no es necesario instalar yum a parte) y con PHP 5.3.2.

Primero necesitaremos las herramientas de compilación (gcc, make, etc…), si no las tenemos instaladas, deberemos ejecutar:

yum groupinstall 'Development Tools'

El segundo paso es instalar NodeJS, descomprimirlo, compilarlo e instalarlo:

wget http://nodejs.org/dist/v0.6.17/node-v0.6.17.tar.gz
tar zxvf node-v0.6.17.tar.gz
cd node-v0.6.17
./configure
make
make install

Acto seguido, instalaremos NPM, que es un gestor de paquetes (como YUM) para NodeJS:

curl http://npmjs.org/install.sh | sh

Y procedemos ya finalmente a instalar LESS:

npm install less

Ubuntu (debian)

Podemos utilizar el mismo método que en CENTOS ya que básicamente hemos compilado el código, pero si mucha gente sigue Ubuntu es por disponer de unos repositorios muy completos y en muchos casos no estar compilando programas, a costa de no tener las últimas versiones, claro:

yum install nodejs nodejs-dev npm

Y con NPM instalado, hacer igual que CENTOS:

cd /usr/local/lib
npm install less
Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s