sailsjs

Usar jade en Sails.js

Alexander Miss

Alexander Miss

— 1 min read

Hola de nuevo,

Ahora les mostraré como crear un proyecto nuevo pero funcionando con jade (que ahora se llama pug).
Supongamos que quiero crear un proyecto de nombre sailsconjade.
El comando en la terminal es el siguiente:

    $ sails new sailsconjade --viewEngine jade

Nos situamos en el directorio del proyecto y seguido instalamos jade, escribimos en la terminal

    $ npm install jade --save

Corremos el proyecto con sails lift pero ésta vez lo haremos junto con verbose para que nos muestre todo lo que corre

    $ sails lift --verbose

Vemos que nos marca un error como éste:

error: Error: The hook `orm` is taking too long to load.
Make sure it is triggering its `initialize()` callback, or else set `sails.config.orm._hookTimeout to a higher value (currently 20000)
    at tooLong [as _onTimeout] (/usr/lib/node_modules/sails/lib/app/private/loadHooks.js:85:21)

Esto es porque tenemos que configurar la base de datos. Si quieren probar rápidamente, solo en el archivo config/models.js descomenten connection: 'localDiskDb'.

Creando un controlador y un modelo

En la terminal crearemos un controlador y un modelo llamado usuario.

    $ sails generate api Usuario

Abrimos el archivo UsuarioController.js y escribimos una función:

   principal: function (req, res, next){
    var usuarios = [{nombre: 'usuario1'}, {nombre: 'usuario2'}, {nombre: 'usuario3'}];
    res.view('usuario/index.jade', {usuarios: usuarios});
  }

Creamos un archivo llamado index.jade en la carpeta usuario. Tienen que ponerle la extensión jade, si no habrá errores.

h1 Hola

- var saludo = 'hola mundo'
ul
  each usuario in usuarios
    p= usuario.nombre

h2= saludo

Y por último abrimos el archivo routes.js, esta en la carpeta config. Escribimos lo siguiente.

// Configuramos la ruta principal de la app.
'/': { controller: 'UserController', action: 'principal' }

¡Ahora a correr el proyecto y a disfrutar!

Read more