Nodejsコードには、Gulp WebpackなどのIterm 2ウィンドウにポート識別マークを追加します.


由緒
最近二年間はよくIterm 2の中でいくつかの窓口を開けてGlp、Webpackなどを実行しています.各ウィンドウがロゴで満たされた後、どの窓口を探したいですか?
どのポート番号を使ってどのウィンドウを走っていますか?
ソリューション
一つのnpmバッグnpm i set-iterm2-badge二行コード
var setIterm2Badge = require('set-iterm2-badge')
setIterm2Badge('   8080')
効果を見る:
複数のIterm 2ウィンドウを切り替える場合の効果:
ツール統合
GulpとBrowser Sync
GulpとBrowser Syncを使うなら、Browser Syncのportは必ずしも伝来のportではないことに注意してください.例えば、この例では、8080が他のプロセスによって占有されたら、bsは8081 8082などでどれを使ってもいいですか?したがって、コールバックを使用しなければならないオブジェクトは、最終ポートbs.options.getIn(['port'])を呼び出して処理される.
var bs = require('browser-sync').create();
bs.init({
    port: 8080,
    /*      */
}, function(err, bs) {
    setIterm2Badge(bs.options.getIn(['port']));
});
Webpack Dev Server
Webpackに統合してこの機能を使うには、「webpack-dev-middleware」を使ってWebpackを実行します.例
var devConfig = require(path.resolve(__dirname, './dev'));
var app = express()
var compiler = webpack(devConfig);
app.use(require("webpack-dev-middleware")(compiler, {
    publicPath: devConfig.output.publicPath
}));
var port = 8078
setIterm2Badge('   ' + port)
app.listen(port, '0.0.0.0', function (err) {
  if (err) {
    console.log(err)
    return
  }
  console.log('Listening at http://0.0.0.0:' + port)
})
この記事は作者のブログで同時に発表されます.http://zaishanda.com/post/set-iterm2-badge