文章内容

一款好看的 VSCode 代码主题和图标主题

自从微软推出 Visual Studio Code 这款编辑器之后,就基本上没用过其他的编辑器和 IDE 了。到底是啥原因这么爱这款编辑器呢?启动速度快、插件市场成熟、主流开发语言基本都支持。这么说吧,在遇到 VS Code 之前我是用 WebStorm 这个的,换了 VS Code 之后简直就是起飞的节奏。

有点扯远了,咳咳... ...

一直以来基本上都是使用 VS Code 默认的主题和图标主题,不是因为好看,是一直都没怎么注意过这个事儿。直到看到了 Ayu 这个主题。

废话不多说,先上图:

怎么样?!帅吧?!简直不要太帅了。看到这个效果图之后,是真的爱了~

VS Code 安装插件

好了,接下来说一说怎么安装这个主题吧!其实,在 VS Code 里面只有插件的概念,所谓的主题其实也是一个插件而已。所以,想要安装这个主题就要知道怎么安装插件。

看到上面这个图里面箭头指着的位置了吗?对,这个菜单就是 VS Code 用来安装插件的。你只需要点击一下就行了,就这么简单 😃

上面那个菜单点开就是这个样子的。这里你要注意个问题,就是你的电脑必须是可以成功联网的,不然就啥都看不到啦!

然后,在上面的搜索栏里面输入【Ayu】,就是这个主题的名字。一般情况下第一个结果就是啦~

因为我之前已经安装过了,所以就是上面这个样子了。你第一次搜索到看到的和第二个结果是一样的,就是右下角有个【安装】按钮,英文的话是【install】按钮。

接下来,你只需要点击这个【安装】或者【install】按钮就 OK 啦!

VS Code 设置颜色主题

这个插件安装成功之后,你在这个插件的主页上可以看到这样的提示:

然后点击【设置颜色主题】,就可以选择你喜欢的主题啦~

Ayu 主题提供了三种风格一共 6 种主题,你可以每个都试试,然后选择一个你喜欢的主题。(我选的是【Ayu Mirage】这个主题)

当然,你也可以通过 VS Code 的菜单来修改颜色主题,具体位置来看下面这张图吧:

然后,然后你就又看到刚才选择颜色主题的菜单了~

VS Code 设置文件图标主题

Ayu 主题不仅提供了 VS Code 的颜色主题,还提供了一套非常漂亮的文件图标主题。这就是为啥我这么爱了~

具体的做法,还是在 Ayu 这个插件的主页上可以看到这样的提示:

然后点击【设置文件图标主题】进行设置就好了~

当然,你也可以通过 VS Code 的菜单来修改文件图标主题,具体位置来看下面这张图吧:

记录每天的工作、反思和成长~