【お知らせ】Markdown構文を除いた文字数を表示するVSCode拡張機能を公開しました

Visual Studio Codeで文章を書く際に便利なのが、文字数の表示です。

文字数を表示する拡張機能はいくつか公開されていますが、メンテナンスされていなかったり、Markdownの構文も文字としてカウントされてしまうものしか見当たりませんでした。

そこで、Markdown構文を除いた文字数を表示する拡張機能を開発して公開しました。

拡張機能の概要

Markdown Character Countをインストールすると、アクティブなファイルの文字数を表示します。

Markdown Character Count - Visual Studio Marketplace

Extension for Visual Studio Code - Display the number of characters in the active file, excluding markdown syntax

特徴としては、Markdown構文を除いた、純粋な文字数だけをカウントして表示することです。

例えば、下記のMarkdownテキストは11文字としてカウントします。

# header

- first

プレビュー時に文章として表示されない画像やテーブルは文字数としてカウントしません。

したがって、下記のテキストは０文字でカウントします。


![](hoge.png)

Column A | Column B | Column C
---------|----------|---------
 A1 | B1 | C1
 A2 | B2 | C2
 A3 | B3 | C3

インストールは、Visual Studio Codeの拡張機能タブで「Markdown Character Count」で検索するか、CLIで下記コマンドを実行します。

code --install-extension isobe-h.markdown-character-count

拡張機能の設定項目として下記の２つが設定できます。

Markdownの構文を文字数としてカウントするかどうかの設定です。

デフォルトではオフになっています。

Markdown以外のファイルでも文字数を表示する設定です。

デフォルトではオンになっています。

初めてVisual Studio Codeの拡張機能を開発してみました。

文字数を表示するというシンプルな機能ながらも、Markdown構文を取り除くための処理やテストの作成に時間がかかったため、開発に２日程かかりました。

その他にも、テストフレームワークがmochaだったり、@vscode/test-electron を使ったテストなど戸惑う点はあったものの、CLIでテンプレートを作成でき、公式のサンプルコード公開されているためスムーズに開発できました。

開発以外にも、アクセストークンの設定や、マニフェストファイル、READMEの編集などが必要なため、計３日ほどで無事公開できました。

今後も執筆を便利にするVisual Studio Codeの拡張機能を開発する予定です。