超漂亮的主题与字体，让你每天编程好心情！

Posted 2021-10-30 SHERlocked93

作者：张京

链接：https://segmentfault.com/a/1190000016497047

题目写的有点大，但确实是我近期最喜欢的主题和字体（没有之一），来自一位前端妹子的推荐。因为它太好看了，所以一定要大用特用，不但要用在VSCode上，并且还要用在vi上，所有一切能用的地方。

颜色主题——One Dark

颜色主题的名称基干是One Dark，应该最早是从Atom发展出来的，所以叫Atom One Dark，后来产生了变种如One Dark Pro，One Dark Pro Vivid等等，我在VSCode里选择的是One Dark Pro。

在VSCode里安装

安装方法很简单，直接在插件标签里输入one dark搜索就可以安装了。安装好之后怎么启用呢？

在左上角菜单的首选项里找到颜色主题，就可以启用了。

在vi里安装

这么漂亮的主题，不用来装在vi里就可惜了。我们得做三件事：

第一，在~目录下建一个子目录.vim，然后在.vim目录下再建一个子目录colors，然后在colors目录下建一个文件onedark.vim，把这个文件的内容拷进去。第二，在.vim目录下再建一个子目录autoload，然后在autoload下建一个文件onedark.vim，然后把这个文件的内容拷进去。第三，在~目录下建一个文件.vimrc，把下面的内容拷进去：

if (empty($TMUX))
  if (has("nvim"))
    let $NVIM\\_TUI\\_ENABLE\\_TRUE\\_COLOR=1
  endif
  if (has("termguicolors"))
    set termguicolors
  endif
endif

syntax on
colorscheme onedark
filetype indent on
set smartindent
set expandtab
set shiftwidth\\=4
set paste

PS. 如果你的vi不等于vim，你还需要在~/.config/fish/config.fish里写上alias vi=vim，这样你的vi就等于vim了。

Fira Code字体

是不是已经足够漂亮了呢？也不尽然，当当当当，我们的大杀器出场！Fira Code，这可是在github上高达27,000多颗星的字体啊，字体星数仅次于著名的Font Awesome，我简直爱死他的这个&符号了。

不同于颜色主题需要在两端安装，这个Fira Code字体只需要在Mac上安装就好了，因为Terminal只能使用客户端字体，所以不需要在服务器安装，只要把字体安装好之后，在iTerm里设置一下字体就好了。

安装

还是用我们最爱的brew来安装：

brew tap caskroom/fonts
brew cask install font\\-fira-code

在VSCode中设置字体

在settings.json中添加以下两行：

"editor.fontFamily": "'Fira Code'",
"editor.fontLigatures": true,

结合上面安装的颜色主题，现在的VSCode是不是看起来好漂亮了呢？

还带连字符的，还有那个箭头函数，是不是好吓人？

在iTerm中设置字体

由于vi是在iTerm中运行的，所以我们只能通过为iTerm设置字体来间接影响到vi：

现在，再通过ssh打开我们的vi编辑器，是不是也看到了漂亮的字体？

虽然看上去远没有VSCode那么炫酷，但也足以在服务端爽心悦目了。

祝你每天编程好心情！

最后

如果你觉得这篇内容对你挺有启发，我想邀请你帮我三个小忙：

1. 点个「在看」，让更多的人也能看到这篇内容（喜欢不点在看，都是耍流氓 -_-）

2. 欢迎加我微信「 sherlocked_93 」拉你进技术群，长期交流学习...

3. 关注公众号「前端下午茶」，持续为你推送精选好文，也可以加我为好友，随时聊骚。

点个在看支持我吧，转发就更好了