VS Code拡張機能の「Todo Tree」で検出されないTODOコメント


VS Code でTODOコメントをツリービューにまとめてくれる拡張機能

https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree
これが便利なのでインストールしてみたが、なかなか検出されないコメントがあったので対処した時の手順をまとめてみる

インストール

他の方が綺麗にまとめてくれているのでインストール方法は割愛

検出されなかったTODOコメント

{{-- FIXME:ローダーが消えない --}}
<a class="btn mr-2{{ $loop->first ? ' disabled' : ''}}" data-original-title="上へ">
  <i class="fas fa-arrow-up"></i>
</a>

Laravelで使用している〇〇.blade.php上でのコメントが検出されずに困っていた

Githubのissueで同じ人がいないか探してみた

https://github.com/Gruntfuggly/todo-tree/issues/517
いた。助かった。

readmeにも書いてあった

https://github.com/Gruntfuggly/todo-tree
ほとんどの言語をカバーするけど足りないなら書き換えなねってちゃんと説明してる。

settings.jsonに下記を追加した

settings.json
"todo-tree.regex.regex":"(\\{\\{--|//|#|<!--|;|/\\*|^|^[ \\t]*(-|\\d+.))\\s*($TAGS)"

無事に検出された


多分正規表現の勉強が足りてないからコメントの終わり部分がTODOのタイトルに含まれちゃってちょっと変
正規表現難しい。