正文
当你点击一个缩进部分的时候，会出现一条白线来告诉你当前处于的缩进层级，可以更方便的查看代码结构。
另一个修改文件图标的插件，我用的就是这个，相对于
Material Theme Icons
我更喜欢这个的风格，萝卜青菜可有所爱，大家各取所需。
编辑器自身的功能还是有限的，为了应付日常开发，不得不安装很多其他的软件进行辅助，不过也可以通过插件的方式引入一些常用的辅助软件，它们的功能可能没有原生的强大，但是基本上已经够用，并且是真的很方便。
AZ AL Dev Tools/AL Code Outline
用来梳理代码结构的插件，安装完后在文件图标里就会多出一个
AL OUTLINE
的选项。
为了演示我找了一个比较长，比较典型的
vue
文件，请忽略我的代码内容，专注于插件的功能🤣🤣， 可以看到展开第一层是极具
vue
单文件组件特点的
template
，
script
，
style
。逐层展开就可以看到
dom
节点，
methods
里面定义的函数等，然后点击就可以快速定位到目标所在位置，妈妈再也不用担心我全局搜啦！
注：它这个里面好像是默认展开的，应该是可以设置是否默认展开，但我没研究过，感兴趣的大佬可以深入调查一下。
Code Runner
运行代码，可以在编辑器中查看结果，前端同学可以在控制台看
console.log
，还有很多其他玩法，具体使用参考此篇文章
在网上看到一句话，
在计算机科学中只有两件难事:缓存失效和命名
。哈哈哈，确实如此，当开发项目时，命名一直都是一种让人痛苦的事情。
但是命名又是开发过程中一项非常重要的事情，一个好的函数命名，能够让你瞬间明白它实现的功能，所以，每当开发过程中遇到要命名的变量、函数、类时就要冥思苦想，各种翻译。
但是，
CodeIf
的出现让这个问题迎刃而解，它通过搜索
GitHub
,
Bitbucket
,
GitLab
来找到真实的使用变量名，为你提供一些高频使用的词汇。
使用时只需要选中变量名，然后
右键
选择
CodeIf
就可以跳转到网页，显示候选命名。
查看颜色详细信息的插件，可以小窗口显示颜色值，rgb,hsl,cmyk,hex等等，可以在配置项里添加要展示的信息类型。
检查代码中单词拼写是否正确，当单词不正常的时候，就会在下方出现波浪线进行提示，还可以自定义词典，忽略某个单词的检查等，更多用法参考下面链接。
这款插件是专门为前端调试开发的，很方便调试，跟谷歌的控制台是一样的功能，安装以后，无需打开浏览器的控制台就能进行断点调试。对应的还有
Debugger for Firefox
，
Debugger for Microsoft Edge
等，其他的我没用过，大家按需安装即可，使用方法应该都大同小异。
安装完以后，左边会出现一个调试的小图标，打开以后再点击上方小齿轮进行配置。根目录下会自动新建
.vscode
文件夹以及
launch.json
文件，不用管。
配置文件的具体内容和使用方法可以看这一篇，很详细。
Git History
右键单击文件选择
Git：View File History
来以列表的形式查看所有的提交记录。
GitLens — Git supercharged
这个也是跟
git
相关的插件，功能比上一个要强大一些。上一个插件的演示图片中可以看到我的每一行代码都有上一次
git
提交的记录，那就是这个插件的功劳。
LeetCode
