RVM, Gemas y Drupal

15/11/2014
RVM, Gemas y Drupal

Instalación y configuración

A todos nos llega la época de un proyecto en Sass/Scss

Para ello una guía muy rápida :)

Instalar RVM

\curl -sSL https://get.rvm.io | bash

Si nos da error:

Si todo ha ido correctamente:

  • Cargamos RVM y luego ejecutamos rvm. 
source $HOME/.profile
rvm

* En caso de error revisamos el mensaje de la instalación. 

Instalar Ruby

rvm install ruby-2.1.2

Usar versión de Ruby

rvm use ruby-2.1.2
echo "source $HOME/.rvm/scripts/rvm" >> ~/.bash_profile

Instalar gestor de Gemas

Para tener las gemas agrupadas, vamos a instalar bundle

gem install bundle

Gemas

Lanzar Bundle

bundle init

Gemfile

source "https://rubygems.org"

# Sass, Compass and extensions.
gem 'sass'
gem 'sass-globbing'
gem 'compass'
gem 'compass-normalize'       # Compass version of normalize.css.
gem 'susy', '2.1.2'           # Gris System
gem 'breakpoint'              # Helper for grid
gem 'bourbon-compass'         # Components
gem 'sassy-buttons'           # Helper for buttons

# Guard
gem 'guard'                   # Guard event handler.
gem 'guard-compass'           # Compile on sass/scss change.
gem 'guard-shell'             # Run shell commands.
gem 'guard-livereload'        # Browser reload.

gem 'rb-inotify'

Nuestro Gemfile por defecto sólo tiene el source, nosotros añadimos las que necesitemos y vayamos a utilizar y si es necesaria alguna versión se le especifica aquí.

Instalar Gemas añadidas en el Gemfile

rm -rf Gemfile.lock //sólo en caso de que exista
bundle install //puede que pida la contraseña de sudo.

Config.rb

require 'compass-normalize'
require 'sass-globbing'
require 'breakpoint'
require 'susy'
require 'bourbon-compass'
require 'sassy-buttons'

Funcionamiento del config.rb

Necesitamos tener añadidas en el config.rb las Gemas que necesitan requeridas, por defecto es la mayoría.

Añadir nuevo comentario

HTML Restringido

  • Etiquetas HTML permitidas: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Saltos automáticos de líneas y de párrafos.
  • Las direcciones de correos electrónicos y páginas web se convierten en enlaces automáticamente.