コードと変更 / コマンドと出力
Terminal
コマンドと出力をまとめて表示し、プロンプトをコピー対象から外します。
基本的な使い方
npm run check
All 150 pairs meet their target.
exit 0 — 検査に成功
HTML
<div class="terminal">
<p class="terminal-command">npm run check</p>
<pre class="terminal-output">All 150 pairs meet their target.</pre>
<p class="terminal-exit tone-ok">exit 0 — 検査に成功</p>
</div>クラスと属性
| クラス / 属性 | 用途 |
|---|---|
.terminal | コマンドの実行記録。 |
.terminal-command | プロンプトはCSSで描画します。 |
.terminal-output / .terminal-error | 通常出力とエラー出力。 |
.terminal-exit | 終了コードと結果の説明。 |
使い方の注意
コマンド本文に$のプロンプトを入れないでください。シェルにコピーされる内容から外します。
作例はシステムの配色設定に従います。ヘッダーの◐で自動・ライト・ダークを試せます。