VS Code:文艺范与实力的完美结合

原创 守候你的季节 随笔 开发工具 216阅读 2019-01-11 16:41:22 举报

主题搭配字体设置

提升效率除了高效的工具,当然还有主题外观,话说长得好看,谁不想多看会,同样也为了缓解审美疲劳,自己小小的欺骗一下自己,也是提高工作效率的一种方式。

One Dark Pro 主题

OneDarkPro

Panda Theme

PandaTheme

以上两款主题以深色调为主,看起来也是高端大气上档次!

Material Icon Theme (文件夹Icon图标)

Icon文件图标

主题加Icon文件图标在一个看脸的时代已经堪称完美组合。等等!字体也太古板了,怎么能横平竖直呢!程序员也是有文艺气息的吗,换掉换掉!

FiraCode(字体)

字体下载及安装地址

FiraCode

嗯,挺好!
字体安装完后,在设置里配置一下

借一张配置后的图比对一下哈:)左侧为配置后的,右侧为配置前的
配置字体前后对比图

哎呦不错!

内在实用功能

Polacode

先来张图看一眼,各种群里讨论问题时,好多是这么讨论代码的,见下图:
大多数是这么讨论问题的

几行还好,如果是大段大段这样的代码,那肯定看都不会看一眼了!

那如果是这样呢:),这张图片发群里是不是逼格立马上升了,有人帮你解决问题的成功率是不是提高不少。
Polacode生成的图片

下面介绍一下插件的使用,就是复制选中左侧的内容,在右侧直接粘贴,图片保存就OK了。
Polacode

javascript console utils

还在为调试代码时写一堆的console.log()而发愁吗,那现在不用了,自动大法好啊!

快捷键去插件说明里找喽!

小二上图了
consoleutils

Surround

什么,你说什么,像是if elsetry catch等等固定模式代码你都不想写了,可以啊,小伙子有前途,安装Surround插件就搞定了。

快捷键自己去插件里面找哈!

小二我要的菜呢!
Surround

JavaScript Booster

这谁写的代码,写这么多if ... else,这不是好多可以用? ... :三目运算符简化嘛,还有的可以把三目运算符?号后面的都可以省略了,还有箭头函数什么的也得优化一下啊!好吧,上自动化!只需要点小灯泡就行了或者自行设置快捷键

你懂得,小二还没来!
Booster

GitLens — Git supercharged

git 大法好啊,一般开发离不开他。这个插件也是相当强势啊!

不好啦,我们店小二跟隔壁王寡妇私奔啦!

git

Error Gutters

警告或者错误不够明显,一个插件解决他,在万千错误中找到那个警告,夸张夸张!

小二走了,让掌柜的端上来!
Errorgutters

Settings Sync

我公司电脑vscode配置完美,我在家开发的时候不能重新配置吧!我需要同步一下配置啊,OK,搞定他!

我们掌柜的病了,起不来了!
settingsync1

在这里插入图片描述

TODO Highlight

高亮展示TODO,FIXME

不吃了,回家撸代码了!

todo

在这里插入图片描述

总结:犊子扯完了,希望能给你的开发提供一些便利!

如果你有更好的工具,欢迎微信交流补充
二维码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复