Where can I add NIB to the node.js + Expres + Jade + Stylus project created by WebStorm 8?

Question

I'm trying to get started with node.js, Express, Jade, Styl and NIB using WebStorm 8. Unfortunately, WebStorm does not offer to include NIB support out of the box, so I'm looking for how to add it manually.

The created app.js looks like this:

/**
 * Module dependencies.
 */

var express = require ('express'); var routes = require ('./ routes'); var user = require ('./ routes / user'); var http = require ('http'); var path = require ('path');

var app = express ();

// all environments app.set ('port', process.env.PORT || 3000); app.set ('views', path.join (__ dirname, 'views')); app.set ('view engine', 'jade'); app.use (express.favicon ()); app.use (express.logger ('dev')); app.use (express.json ()); app.use (express.urlencoded ()); app.use (express.methodOverride ()); app.use (app.router); app.use (require ('stylus'). middleware (path.join (__ dirname, 'public'))); app.use (express.static (path.join (__ dirname, 'public')));

// development only if ('development' == app.get ('env')) {app.use (express.errorHandler ()); }

app.get ('/', routes.index); app.get ('/ users', user.list);

http.createServer (app) .listen (app.get ('port'), function () {console.log ('Express server listening on port' + app.get ('port'));});

- googling,

function compile(str, path) {
  return stylus(str)
    .set('filename', path)
    .use(nib()) // <-here it goes!
}

. NIB ?

noob. . JavaScript ( ), . , IDE, - , , , , , - , , . .

Answer 1

, webstorm -

: https://devnet.jetbrains.com/message/5501662#5501662 , nib, jeet webstorm 8/9 as .

Answer 2

, . :

var express = require('express');
var routes = require('./routes');
var user = require('./routes/user');
var http = require('http');
var path = require('path');
var nib = require('nib');
var stylus = require('stylus');

var app = express();

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.json());
app.use(express.urlencoded());
app.use(express.methodOverride());
app.use(app.router);

app.use(stylus.middleware(
  { src: __dirname + '/public'
  , compile: compile
  }
))

app.use(express.static(path.join(__dirname, 'public')));

// development only
if ('development' == app.get('env')) {
  app.use(express.errorHandler());
}

app.get('/', routes.index);
app.get('/users', user.list);

http.createServer(app).listen(app.get('port'), function(){
  console.log('Express server listening on port ' + app.get('port'));
});

function compile(str, path) {
  return stylus(str)
    .set('filename', path)
    .use(nib()) // <-here it goes!
}