Proyecto web con integracion de NODEJS + EXPRESS + BULMA SCSS FRAMEWORK + VanillaJS

Dillinger uses a number of open source projects to work properly:

• Twitter Bootstrap - great UI boilerplate for modern web apps
• node.js - evented I/O for the backend
• Express - fast node.js network app framework @tjholowaychuk
• Gulp - the streaming build system
• [bulma.io] Bulma is a free, open source CSS framework based on Flexbox
• jQuery - duh

And of course Dillinger itself is open source with a public repository
on GitHub.

este proyecto requiere de node Node.js v4+ para correr

.

$ cd TuCarpetaParaLaApp
$ npm init
$ npm install express --save
$ express --view=pug myapp (PUG ES OPCIONAL SE PUEDE ELEGIR OTRO ESQUELETO DE APP)

create : myapp
create : myapp/package.json
create : myapp/app.js
create : myapp/public
create : myapp/public/javascripts
create : myapp/public/images
create : myapp/routes
create : myapp/routes/index.js
create : myapp/routes/users.js
create : myapp/public/stylesheets
create : myapp/public/stylesheets/style.css
create : myapp/views
create : myapp/views/index.pug
create : myapp/views/layout.pug
create : myapp/views/error.pug
create : myapp/bin
create : myapp/bin/www

cd myapp
$ npm install
$ set DEBUG=myapp:* & npm start

CONFIGURACION PARA COMPULAR SASS A CSS
para compilar el sass ejecutar el siguiente comando
y esto tambien compilara en tiempo de ejecucion los cambios en el sass y lo
compilara a CSS
este comando esta declarado en el start en package.json en scripts
“watch:sass”: “node-sass -w public/scss/main.scss public/css/main.css --output-style compressed”

$npm run sass:watch
$npm start

127.0.0.1:3000

MIT

Free Software, Hell Yeah!