Nodejsコードには、Gulp WebpackなどのIterm 2ウィンドウにポート識別マークを追加します.
1424 ワード
由緒
最近二年間はよくIterm 2の中でいくつかの窓口を開けてGlp、Webpackなどを実行しています.各ウィンドウがロゴで満たされた後、どの窓口を探したいですか?
どのポート番号を使ってどのウィンドウを走っていますか?
ソリューション
一つのnpmバッグ
複数のIterm 2ウィンドウを切り替える場合の効果:
ツール統合
GulpとBrowser Sync
GulpとBrowser Syncを使うなら、Browser Syncのportは必ずしも伝来のportではないことに注意してください.例えば、この例では、8080が他のプロセスによって占有されたら、bsは8081 8082などでどれを使ってもいいですか?したがって、コールバックを使用しなければならないオブジェクトは、最終ポート
Webpackに統合してこの機能を使うには、「webpack-dev-middleware」を使ってWebpackを実行します.例
最近二年間はよく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 ServerWebpackに統合してこの機能を使うには、「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