【VSCode拡張機能】Better Commentsの使い方・設定方法　コードコメントの色分け表示

2021年9月19日

Better Comments とは

ベターコメンツ拡張機能はヒューマンフレンドリーなコードコメントを作るのに重宝します。

この拡張機能で次のコメントにカテゴライズ表示が出来ます。

・アラート

・クエリー

・TODOs

・ハイライト

・設定で好きなタグを追加して新たなカテゴライズを作ることが出来ます

BetterComments（色分けコメント表示）とTodoTrees（Todoタスク一覧管理） と合わせるとさらに便利に！

セッティングファイル – setting.json

    "better-comments.tags": [
    

        {
            "tag": "!",
            "color": "#FF2D00",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "?",
            "color": "#3498DB",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "//",
            "color": "#474747",
            "strikethrough": true,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "todo",
            "color": "#FF8C00",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "*",
            "color": "#98C379",
            "strikethrough": false,
            "underline": false,
            "backgroundColor": "transparent",
            "bold": false,
            "italic": false
        },
        {
            "tag": "FIXME",
            "strikethrough": false,
            "backgroundColor": "transparent",
            "color": "green",
        },
        {
            "tag": "NOTE",
            "strikethrough": false,
            "backgroundColor": "transparent",
            "color": "#C0C0C0",
        },
        {
            "tag": "TODO",
            "strikethrough": false,
            "backgroundColor": "transparent",
            "color": "#FF5F17",
        },
        {
            "tag": "WARNING",
            "strikethrough": false,
            "backgroundColor": "transparent",
            "color": "red",
        },
        {
            "tag": "BUG",
            "strikethrough": false,
            "backgroundColor": "transparent",
            "color": "#2C7CFF",
        }