ハイライト付きでプログラムソースコードをきれいに印刷できるcodePrintを作った

プログラムを書いてる時に、紙に印刷して俯瞰して見たい時に使って下さい。
行番号と基本的なハイライトがカラーで印刷できます。https://t.co/c5uGXFAQj1
— 又 (@matatsuna) 2018年10月6日

コーディングしていて、複雑な部分を考える時によく印刷したソースコードにペンで書き込んだりするのですが、VS Code標準機能では印刷することができなくて、さっとweb上で欲しくて作りました。

ほぼ👆この通りです。
CodeMirror を使って言語ごとのソースコードのハイライトを付けてます。

初めて知ったのですが、印刷時にcssの

 @media print{}

が呼ばれて任意のコンテンツに新たなcssを適用することができます。
今回は、

display:none;

で言語選択リストボックスや印刷ボタンを消してます。
on-ze.com

意外とcodemirrorの扱いが難しくて大変苦労しました。なので、VS Codeの拡張であるvscode.print を参考にさせていただきました。ありがとうございます。

「いつもソースコードを印刷しないけど、じっくり読みたい」、「手軽にハイライト付きで印刷したい」など、使いたい時にWebサービスでできるなら楽と思っているので、使ってくれたら嬉しいです。