Para realizar la instalación de la guía en el ordenador del editor, se debe descargar el código, instalar Node JS y el CLI del gestor de tareas Grunt. Además, es necesario instalar FontForge, que permite generar automáticamente la tipografía de iconos. Lo explicamos por pasos.
Descarga el instalador para tu sistema operativo de nodejs.org y ejecútalo.
Sigue las instrucciones de instalación de Node en función de tu distribución de Linux. Para Ubuntu, el comando curl -sL https://deb.nodesource.com/setup_5.x | sudo -E bash - en la Terminal, y después sudo apt-get install --yes nodejs. Si la Terminal da node: command not found probablemente necesites enlazar el binario con el comando en la Terminal sudo ln -s /usr/bin/nodejs /usr/bin/node.
La forma más fácil de instalar FontForge en Mac es mediante el gestor de instalaciones Hombrew. Para instalarlo, abre la Terminal (Aplicaciones > Utilidades > Terminal) y pega esta línea (o la que te indique la web de Hombrew): /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
A continuación, instala FontForge pegando esta instrucción en la Terminal: brew install fontforge --with-python. Si te da un error, es posible que debas escribir el comando sudo (usuario administrador) antes de la instrucción.
Abre la Terminal y pega esta línea: sudo apt-get install fontforge ttfautohint
Descarga el instalador que encontrarás en la página de FontForge.
Para que Node sea capaz de emplear el programa que acabas de instalar, hay que incluirlo en una “Variable de entorno” (PATH), un parámetro de configuración avanzada. Para ello, accede a la opción de Sistema dentro del Panel de Control (puede estar bajo Sistema y Seguridad > Sistema, dependiendo de la versión de Windows) y busca las “Opciones avanzadas”. Dentro de estas opciones, debería haber un botón de “Variables de entorno” y ahí, la opción “Variables de sistema”. Busca y selecciona la variable PATH y edítala. Al final de la misma, escribe un ; y a continuación (sin dejar espacios) pega la ruta C:\Program Files\FontForgeBuilds\bin. Dependiendo de la versión de Windows, el nombre de la carpeta Program Files puede variar. Para asegurarte, pega primero esa ruta en la barra de direcciones del navegador y comprueba que se carguen archivos.
Abre la Terminal y pega esta línea: npm install -g yarn
Para instalar el CLI (línea de comandos) de Grunt, accedemos a la Terminal y pegamos la línea: npm install -g grunt-cli. Si te da un error, es posible que debas escribir el comando sudo (usuario administrador) antes de la instrucción.
Para instalar el CLI (línea de comandos) de Grunt, accedemos a la Terminal de Windows (se llama cmd, se puede buscar directamente con la combinación de teclas Windows+R) y escribimos la línea: npm install -g grunt-cli. Si te da error, es posible que necesites entrar como usuario administrador.
Descarga el código fuente del repositorio de la UOC y guárdalo donde prefieras. Consulta al personal técnico de la UOC sobre los datos de acceso al repositorio.
Desde la carpeta del proyecto en la Terminal, escribe yarn install para que Node descargue e instale todas las dependencias de Grunt señaladas en su archivo de configuración.
Desde la carpeta del proyecto en la Terminal, escribe grunt o yarn start para iniciar Grunt. Esto pondrá el servidor en marcha (podrás ver el resultado en localhost:9001) y generará todos los archivos de las carpetas /dev/ (el HTML estático que se puede ver en localhost:9001) y /build/ (los archivos finales de CSS, JS y tipografía de iconos).
Para parar Grunt, usa la combinación de teclas Control+C en la Terminal.