[VScode extention]Todo tree

1. todo tree extention setting으로 이동
   
2. 사용할 단어 추가

   "todo-tree.general.tags": ["TODO", "FIXME", "COMPLETE", "BUG", "MEMO"],

3. 기본값 설정

     "todo-tree.highlights.defaultHighlight": {
       "icon": "alert",
       "type": "text",
       "foreground": "#fff",
       "background": "#7dabd0",
       "opacity": 50,
       "iconColour": "#7dabd0"
     },

4. 아이콘 커스터마이징

     "todo-tree.highlights.customHighlight": {
       "TODO": {
         "icon": "tasklist",
         "iconColour": "#7dabd0",
         "gutterIcon": true
       },
       "FIXME": {
         "icon": "tools",
         "iconColour": "#F56E4A",
         "foreground": "#fff",
         "background": "#f56e4a",
         "gutterIcon": true
       },
       "COMPLETE": {
         "icon": "verified",
         "iconColour": "green",
         "foreground": "#fff",
         "background": "green",
         "gutterIcon": true
       },
       "MEMO": {
         "icon": "note",
         "iconColour": "#7dabd0",
         "foreground": "#fff",
         "gutterIcon": true
       },
       "BUG": {
         "icon": "bug",
         "iconColour": "#F56E4A",
         "foreground": "#fff",
         "background": "#f56e4a",
         "gutterIcon": true
       }
     }

gutterIcon을 true로 하면 파일 안에 코드에 아이콘이 노출된다.

참고블로그

• Todo Tree extention 사용방법
• Tree extention icon