AZ AL Dev Tools/AL Code Outline
用来梳理代码结构的插件,安装完后在文件图标里就会多出一个 AL OUTLINE的选项 。
为了演示我找了一个比较长,比较典型的 vue文件,请忽略我的代码内容,专注于插件的功能????,可以看到展开第一层是极具vue单文件组件特点的templatescriptstyle 。逐层展开就可以看到dom节点,methods里面定义的函数等,然后点击就可以快速定位到目标所在位置,妈妈再也不用担心我全局搜啦!
注:它这个里面好像是默认展开的,应该是可以设置是否默认展开,但我没研究过,感兴趣的大佬可以深入调查一下 。
Code Runner
运行代码,可以在编辑器中查看结果,前端同学可以在控制台看 console.log,还有很多其他玩法,具体使用参考此篇文章
CodeIf
在网上看到一句话,在计算机科学中只有两件难事:缓存失效和命名 。哈哈哈,确实如此,当开发项目时,命名一直都是一种让人痛苦的事情 。
但是命名又是开发过程中一项非常重要的事情,一个好的函数命名,能够让你瞬间明白它实现的功能,所以,每当开发过程中遇到要命名的变量、函数、类时就要冥思苦想,各种翻译 。
但是,CodeIf的出现让这个问题迎刃而解,它通过搜索GitHub,Bitbucket,GitLab来找到真实的使用变量名,为你提供一些高频使用的词汇 。
使用时只需要选中变量名,然后 右键选择CodeIf就可以跳转到网页,显示候选命名 。
Color Info
查看颜色详细信息的插件,可以小窗口显示颜色值,rgb,hsl,cmyk,hex等等,可以在配置项里添加要展示的信息类型 。
Code Spell Checker
检查代码中单词拼写是否正确,当单词不正常的时候,就会在下方出现波浪线进行提示,还可以自定义词典,忽略某个单词的检查等,更多用法参考下面链接 。
Debugger for Chrome
这款插件是专门为前端调试开发的,很方便调试,跟谷歌的控制台是一样的功能,安装以后,无需打开浏览器的控制台就能进行断点调试 。对应的还有 Debugger for FirefoxDebugger for Microsoft Edge等,其他的我没用过,大家按需安装即可,使用方法应该都大同小异 。
安装完以后,左边会出现一个调试的小图标,打开以后再点击上方小齿轮进行配置 。根目录下会自动新建 .vscode文件夹以及launch.json文件,不用管 。
配置文件的具体内容和使用方法可以看这一篇,很详细 。
Git History
右键单击文件选择 Git:View File History来以列表的形式查看所有的提交记录 。
GitLens — Git supercharged
这个也是跟 git相关的插件,功能比上一个要强大一些 。上一个插件的演示图片中可以看到我的每一行代码都有上一次git提交的记录,那就是这个插件的功劳 。
还有其他很多的操作,详情查阅下方链接 。
LeetCode
可以在 vscode中刷算法题的 。我自己没用过????
Local History
这个就很强了,本地代码的修改记录 。通常我们写错代码了可以撤销,但是撤销完以后再修改,想要取消撤销就难了 。有了这个插件直接看代码的修改记录 。还可以跟当前版本进行对比,神器 。
安装完以后,项目根目录下会自动生成 .history的文件夹 。代码的修改记录就会放在这里面 。记得添加.gitignore,不然每次提交代码的时候就要遭重了 。
open in browser
在浏览器中打开 html文件 。
安装完以后在目标的 html文件上右击,选择open in default browser即可打开使用浏览器打开文件 。
Partial Diff
文件比较界的大拿肯定是 Beyond Compare了,但是它是收费的!那么Partial Diff这款神奇的插件就成为了良好的替代品,选中一代码,右键 Select Text for Compare,选中另外一部分代码,右键Compare Text with Previous Selection即可 。我的是中文的,就更明显了????
推荐阅读
- 都头是什么官
- 戴宗的绰号是什么
- 武则天是什么皇上
- 古人冬天时有个常用品叫汤婆子的作用是什么
- 楼兰古城消失的原因是什么
- 世界上最长的山脉是什么
- 口臭是什么造成的 这8大原因最可能
- 经常塞牙是什么原因 塞牙的危害可不能忽视
- 恒星和行星的区别是什么
- 蚂蚁的天敌是什么
