VSCodeでソースコードのステップ数をカウント・集計する

記事の文字数：1510

VSCodeの「VS Code Counter」プラグインを使用すると、簡単にソースコードのステップ数をカウント・集計できます。サマリーの結果に加えて、言語ごと、ディレクトリごとの集計結果が出力(CSV,JSON,md等)されます。

2024/9/2 2024/9/24更新

前提

VSCodeをインストールしていること。
※本記事では、以下バージョンで確認しました。

バージョン: 1.93.1 (user setup)
コミット: 38c31bc77e0dd6ae88a4e9cc93428cc27a56ba40
日付: 2024-09-11T17:20:05.685Z
Electron: 30.4.0
ElectronBuildId: 10073054
Chromium: 124.0.6367.243
Node.js: 20.15.1
V8: 12.4.254.20-electron.0
OS: Windows_NT x64 10.0.22631

VSCodeでソースコードを開いていること。
　※本記事では、nuxt-blog 　　のコードを例に紹介します。
VSCodeの言語拡張がインストールされていること。
　※nuxt-blogの場合、vueファイルに対応したVue - Officialの拡張機能が必要。

拡張機能「VS Code Counter」検索

VSCodeの拡張機能を押下します。（ショートカットキーはCtrl+Shift+X）

alt text

Marketplaceで拡張機能を検索するの欄で、

alt text

VS Code Counterを入力します。

alt text

拡張機能「VS Code Counter」インストール

インストールを押下し、VS Code Counterをインストールします。

alt text

インストール完了後、画面は以下のように表示されます。

alt text

「VS Code Counter」実行

エクスプローラー（Ctrl+Shift+E）でファイルを読み込んでいることを確認します。

alt text

「Ctrl + Shift + p」キーを押下し、コマンドパレットを開きます。

alt text

コマンドパレットにVSCode Counterを入力し、Count lines in workspaceを選択します。

alt text

集計結果

以下のように、集計結果のサマリが表示されればOKです。

alt text

Summaryに加えて、Languages(言語ごと)、Directories(ディレクトリごと)の集計結果を確認することができます。
nuxt-blogのcodeブロックは約24Kであることを確認できました。
出力結果はルートフォルダの.VSCodeCounterに保存されます。

alt text