VSCodeの拡張機能「Zenn Editor」がとても便利だった

非公式ながら VSCode で Zenn 記事を書くのに便利な拡張機能があったので使って見ました。
コマンドを使わずにプレビューが表示できたりと CLI を使った記事の執筆の効率が格段に良くなります。

導入方法

インストール

VSCode の拡張機能でインストールするだけです。

注意

Zenn CLI のインストールが必須。
VSCode で書こうとする人はまず入れてると思うので、注意でもないか。

Zenn Editor の良いところ

プレビュー表示できる

VSCode 内でプレビュー表示できるようになります。
保存時にプレビューが更新されるので、内容を確認しながら記事を書け効率的です。

ちゃんとエラー表示もしてくれます。

エクスプローラでタイトルで一覧の確認ができる

エクスプローラで記事タイトルで一覧表示できます。
slug だとぱっと見どの記事か分からなくなるので、地味に便利です。

アイコンクリックで記事・本の新規作成ができる

アイコンクリックで新規の記事・本が作成できます。
コマンドをど忘れしたときに便利です。

まとめ

非公式ではありますが、VSCode で書くときにかゆいとこに手が届く拡張機能。
CLI で記事を書いている人、書こうとしてる人には是非導入をオススメしたいです。