[TOC] #### 1. 插件介紹 --- [點(diǎn)擊打開 Todo Tree 插件網(wǎng)站](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree) 官方介紹：這個(gè)擴(kuò)展可以快速搜索工作區(qū)中的注釋標(biāo)簽，并將它們顯示在活動(dòng)欄的樹狀圖中 我們寫代碼的時(shí)候，難免會(huì)遇到一些情況需要標(biāo)記或擱置，比如：前端開發(fā)者在編寫頁面的時(shí)候頁面樣式完成了，但是后端接口還沒有開發(fā)完成，那么該頁面和后端的交互就要暫時(shí)擱置，此時(shí)我們可以添加一個(gè)特殊的注釋來表示，方便接口開發(fā)完成后再來開發(fā)時(shí)快速定位到這個(gè)頁面，這個(gè)插件就是來完成這個(gè)功能的，是一個(gè)很實(shí)用的插件 | 類型 | 描述 | | ------------ | ------------ | | TODO | 功能未完成 | | BUG | 標(biāo)記 BUG | | HACK | 未來可能會(huì)更改 | | FIXME | 標(biāo)記一些需要修復(fù)的位置 | | XXX | 標(biāo)記草率實(shí)現(xiàn)的地方 | #### 2. 插件配置 --- | 配置 | 描述 | | ------------ | ------------ | | todo-tree.general.tags | 自定義注釋標(biāo)簽 | | todo-tree.general.revealBehaviour | 從側(cè)邊欄中選擇待辦事項(xiàng)時(shí)光標(biāo)的位置 | | todo-tree.regex.regexCaseSensitive | 使用區(qū)分大小寫的正則表達(dá)式 | | todo-tree.tree.showCountsInTree | 在樹狀圖中顯示待辦事項(xiàng)的數(shù)目 | | todo-tree.highlights.enabled | 突出顯示 | 下面最常用的幾個(gè)配置項(xiàng)的默認(rèn)值： ```json { "todo-tree.general.tags": [ "BUG", "HACK", "FIXME", "TODO", "XXX", "[ ]", "[x]" ], "todo-tree.highlights.enabled": true, "todo-tree.tree.showCountsInTree": false, "todo-tree.regex.regexCaseSensitive": true, "todo-tree.general.revealBehaviour": "start of todo" } ``` 我的配置 ```json { // Todo Tree 待辦事項(xiàng) "todo-tree.highlights.customHighlight": { "bug": { "icon": "bug", "type": "line", "iconColour": "#e52021" }, "暫無接口": { "icon": "info", "type": "line", "iconColour": "#e4b21d" } }, "todo-tree.general.tags": [ "bug", "todo", "暫無接口" ], "todo-tree.highlights.enabled": false, "todo-tree.tree.showCountsInTree": true, "todo-tree.regex.regexCaseSensitive": false, "todo-tree.general.revealBehaviour": "end of todo", } ```