【5】Vscode Todo Tree插件使用和TODO、FIXME和XXX的注释使用说明以及自制自己的TODO图标样式！
【5】Vscode Todo Tree插件使用和TODO、FIXME和XXX的注释使用说明以及自制自己的TODO图标样式！
1.Vscode Todo Tree插件安装
在vscode扩展中心，搜索 todo tree 然后安装，
Todo Tree插件会有自带的icon图标样式，如下图：
2.TODO、FIXME和XXX的注释使用说明
TODO: + 说明：
如果代码中有该标识，说明在标识处有功能代码待编写，待实现的功能在说明中会简略说明。
FIXME: + 说明：
如果代码中有该标识，说明标识处代码需要修正，甚至代码是错误的，不能工作，需要修复，如何修正会在说明中简略说明。
XXX: + 说明：
如果代码中有该标识，说明标识处代码虽然实现了功能，但是实现的方法有待商榷，希望将来能改进，要改进的地方会在说明中简略说明。
3.在VScode中打造自己专属的图标调试：
3.1打开vscode中的settings.json文件：
英文界面换中文界面链接：https://blog.csdn.net/sinat_39620217/article/details/115614986
方法一：点击左下角设置按钮
在搜索框输入：settings.json,并选中
方法二：点击左下角设置按钮点击设置
然后出现如下界面，点击文本编辑器，慢慢往下滑动找到settings.json，点击即可。
方法三：点击左下角设置按钮点击设置
进入和方法二一样的界面，点击右上角的json文件也可以进入settings.json
3.2 设置自己的todo tree注释样式
我自己的样式图标仅供参考：
在settings.json配置代码：【注意：根据json文件格式要求，每段结束后记得加逗号，逗号！！！ },】
//todo-tree settings
"todo-tree.regex.regex": "((//|#|<!--|;|/\\*|^)\\s*($TAGS):|^\\s*- \\[ \\])",
"todo-tree.general.tags": [
"TODO",
"FIXME",
"tag",
"done",
"bug"
],
"todo-tree.regex.regexCaseSensitive": false,
"todo-tree.tree.showInExplorer": true,
"todo-tree.highlights.defaultHighlight": {
"foreground": "white",
"background": "Orange",
"icon": "checklist",
"rulerColour": "Orange",
"type": "tag",
"iconColour": "Orange"
},
"todo-tree.highlights.customHighlight": {
"FIXME": {
"background": "red",
"icon": "beaker",
"rulerColour": "red",
"iconColour": "red",
"opacity": 50,
},
"tag": {
"background": "Magenta",
"icon": "pin",
"rulerColour": "Magenta",
"iconColour": "Magenta",
"rulerLane": "full",
"opacity": 50,
},
"done": {
"background": "DarkTurquoise",
"icon": "verified",
"rulerColour": "DarkTurquoise",
"iconColour": "DarkTurquoise",
"opacity": 50,
},
"bug": {
"background": "green",
"icon": "bug",
"rulerColour": "green",
"iconColour": "green",
"opacity": 50,
},配置解释：
foreground：是指关键字在代码中的前景色
background：是指关键字代码中的背景色
opacity：透明度
icon：图标样式
iconColour：目录树区域的图标颜色
icon：网址提供
https://microsoft.github.io/vscode-codicons/dist/codicon.html
颜色：网址提供：
https://www.5tu.cn/colors/yansezhongwenming.html
可以根据自己的喜好进行调整
腾讯云开发者
