当前位置:首页 > 技术分析 > 正文内容

快乐Coding,必须要有一个高颜值的代码编辑器,主题+字体推荐

介绍

对于VSCode我相信我就不用多说了,现如今几乎所有开发者或者说前端开发者应该都知道VSCode这一款微软开源免费跨平台的代码编辑器或者说轻量级IDE,其强大的扩展生态给VSCode提供了无限的活力,丰富的插件让VSCode更加灵活和强大!






主题

今天文章的主题是打造高颜值的VSCode,那么我们得从主题和字体两方面来进行,接下来就来看一看有哪些值得使用的主题插件

  • Noctis

Noctis是笔者使用最多的一个主题,或许这只是个人感觉,但是确实看上去就是好看,Noctis是光与暗的主题有一个很好的平衡混合的冷暖中等对比度的颜色的集合。

这个主题的目的是:

1、是容易对眼睛从而减少眼睛疲劳

2、给语义到主题的颜色

(字体是收费字体,就不介绍了)

https://marketplace.visualstudio.com/items?itemName=liviuschera.noctis










  • Slack Theme

Slack 有着非常具有标识度的配色方案:深紫色 / 浅绿色 / 明白色

https://marketplace.visualstudio.com/items?itemName=felipe-mendes.slack-theme





  • Material Theme

这是一款网上包括我自己用的比较多的一款主题,不多介绍,看图(暗色系和亮色系各截图一个)

https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme



  • Dracula

一个黑暗的主题为Visual Studio Code和89+的应用而生

https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula
https://draculatheme.com/visual-studio-code/


  • Eye Care Themes

专为护眼而打造的专用主题,只为让眼睛更舒服



字体

1、FiraCode

连字特性,多种编辑器、IDE 支持

https://github.com/tonsky/FiraCode

2、Input

http://input.fontbureau.com/.

Input 是一个灵活的字体系统,有 Mono,Sans 和 Serif 两种款式

3、Source Code Pro

https://github.com/adobe-fonts/source-code-pro

由 Adobe 设计,视觉友好,所有显示器都清晰可辨

4、Anonymous Pro

等宽设计,各种计算机键盘符号

https://www.marksimonson.com/fonts/view/anonymous-pro

5、Ubuntu Mono

Ubuntu字体专门用于补充Ubuntu

https://design.ubuntu.com/font/

6、Menlo

Menlo 是 maccode 中用于 Xcode 和 Terminal 的新默认字体

https://github.com/hbin/top-programming-fonts/blob/master/Menlo-Regular.ttf

7、Consolas

颜值高

https://docs.microsoft.com/zh-cn/typography/font-list/consolas

8、Hack

Hack 是一种专为源代码设计的开源字体

https://github.com/source-foundry/Hack

总结

以上主题可到对应扩展地址下载安装,字体亦是,enjoy it!

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3803.html

分享给朋友:

“快乐Coding,必须要有一个高颜值的代码编辑器,主题+字体推荐” 的相关文章

微软的Linux发行版终于加入了对XFS根文件系统的支持

当许多Linux发行版在评估新的根文件系统选项或甚至像OpenZFS这样的特性,微软内部Linux发行版到本月才开始支持XFS作为根文件系统选项。随着这个月对微软内部Linux发行版CBL-Mariner的更新,他们现在支持XFS作为根文件系统。到目前为止,这个用于微软内部各种目的的Linux发行版...

如何在GitLab上回退指定版本的代码?GitLab回退指定版本问题分析

在Git中,回退到指定版本并不是删除或撤销之前的提交,而是创建一个新的提交,该提交包含指定版本的内容。这意味着您需要将当前代码更改与指定版本之间的差异进行比较,并将其合并到一个新的提交中。如果您没有更新本地代码,并且您希望将 GitLab 仓库回退到指定版本,您可以使用以下命令:git fetchg...

程序员开发必会之git常用命令,git配置、拉取、提交、分支管理

整理日常开发过程中经常使用的git命令![送心]git配置SSH刚进入项目开发中,我们首先需要配置git的config、配置SSH方式拉取代码,以后就免输入账号密码了!# 按顺序执行 git config --global user.name "自己的账号" git config -...

用IDEA开发如何用Git快速拉取指定分支代码?

1,准备空的文件夹,git init2,关联远程仓库,git remote add origin gitlab地址3,拉取远程分支代码,git pull origin 远程分支名再用IDEA打开项目即可...

BuildKit 镜像构建工具

#暑期创作大赛#快速开始 对于 Kubernetes 部署,请参阅examples/kubernetes。BuildKit 由buildkitd守护进程和buildctl客户端组成。虽然buildctl客户端可用于 Linux、macOS 和 Windows,但buildkitd守护程序目前仅适用于...

Vue进阶(幺叁捌):vue路由传参的几种基本方式

1、动态路由(页面刷新数据不丢失)methods:{ insurance(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`,...