Sails JS es un framework de node js diseñado para emular el famoso diseño MVC muy parecido a Ruby on Rails.
Para instalarlo: npm install sails -g
Luego de elegir la plantilla usaremos los siguientes comandos dentro de nuestra carpeta seleccionada:
sails new nombre_proyecto
npm install
sails lift
Con esto podremos ver nuestra pantalla de inicio de Sails de nuestra plantilla, esto si en caso creamos un proyecto desde cero, si clonamos este proyecto solo usaremos los pasos 1 y 2
En nuestro directorio de la aplicacion AppName\config\model.js
descomentaremos o nos aseguremos que de esto este migrate: 'alter'
Sails tiene el problema que debes estar haciendo sails lift en cada cambio realizado durante la producción, así que solucionaremos eso con el paso anterior y una libreria npm llamada nodemon
npm install -g nodemon
npm update
nodemon app.js
Con esto solucionaremos el problema de estar montando el servidor en cada cambio, nota migrate: 'alter'
es solo en produccion
Vue js puede ser implementado de forma modular, por lo que puede ser usado como solo una libería o incluso podría usarse de forma completa para levantar una aplicación, en este caso hemos usado el CLI, que se encuentra la versión 3.
- Vue.Js 2.
- Vue CLI.
- Router
npm install vue-router --save
- Axios
npm install axios --save
- Para el uso de SASS
npm install sass-loader --save-dev
ynpm install --save-dev node-sass
Ventajas | Contras |
---|---|
Facil de usar Vue esta basado en templates basados en html, lo cual ayuda a su facil integración | Al ser un framework reciente tiene muy poco mercado actual, aunque se encuentre creciendo |
Intrgacion smooth : Posee una integración por componentes la cual no le afectará en la escabiilidad | |
Buena documentación : Vue es uno de los frameworks mejor documentados de la web, en su pagina fuente podemos encontrar con detalles | |
Adaptable : vue tiene la opcion de ser adaptable de la forma neccesario para un proyecto de diferentes escalas |
- Problema de acceso ajeno a url
En
config\security.js
Verificar
cors: {
allRoutes: true,
allowOrigins: '*',
//allowCredentials: true,
y csrf: false
Bulma es un framework css de software libre con modelo flexbox, modular y responsive el cual se basa solo en css... Esto es el porque lo usaremos en este ejemplo