我在哪里可以在WebStorm 8生成的node.js + Expres + Jade + Stylus項目中添加NIB？

Question

我正在嘗試使用WebStorm 8開始使用node.js，Express，Jade，Styl和NIB。不幸的是，WebStorm不提供開箱即用的NIB支持，因此我正在搜索如何手動添加它。

它生成的app.js看起來像這樣：

/**
 * 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')); }); 

據我所知，谷歌搜索的東西就是這樣的一段代碼

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

但我找不到這樣的地方。 在這種情況下，如何將NIB附加到堆棧？

請原諒我的noob問題。 請幫助。 我有基本的JavaScript技能（用於為客戶端編寫一些老式的手動方式），但在這種情況下有點困惑。 是的，如果可能的話，我真的更喜歡IDE方式 - 我相信我可以從頭開始創建項目，這樣可以減少混亂，但我喜歡使用代碼完成，調試和類似的東西來探索事物 - 這是我的最愛學習的方式，但在這種情況下我只需要一點點推動。 謝謝。

Answer 1

這是一個老問題，但要將任何手寫筆lib添加到webstorm，您需要修改文件觀察器

有關如何為nib執行此操作的示例，請參閱： https ：//devnet.jetbrains.com/message/5501662#5501662，但這也適用於webstorm 8/9中的jeet。

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!
}