因为本人一直习惯了用 Jetbrains 家的产品,而且一直独钟 Dracula 配色,因此想要在 Git Bash 中为 vim 配一款 Dracula 配色。本博客将详细介绍如何为 vim 配置暗系主题 Dracula。

一、安装 Dracula

在 Dracula 的官网其实已经给出了关于如何在 vim 中配置 Dracula 的方案:Dark theme for Vim and 294+ apps。

  1. 打开 Git Bash,通过 pwd 命令可以看到当前处于 home 目录(~)。接下来,首先在本地创建一个文件夹用于存储 Github 仓库并进到该文件夹。
mkdir -p ~/.vim/pack/themes/start
cd ~/.vim/pack/themes/start
  1. 将仓库克隆到本地,命名为 “dracula”。
git clone https://github.com/dracula/vim.git dracula
  1. 更改自己本地的 .vimrc 文件(通常位于 ~/.vim/vimrc~/.vimrc),添加以下内容:
packadd! dracula
syntax enable
colorscheme dracula

此时,再随意通过 vim 打开一个文件查看,可以发现已经成功应用了对应配色。

*二、去除 Darcula 背景配色

但是有些朋友可能像我一样设置了 terminal 的背景图片,这个时候会与 vim 的 Dracula 配色发生冲突。事实上,Dracula 提供了高度的自由度,允许用户在本地自定义对应配色,甚至提供了一个 doc 文档为你提供一些最基本的指导。

其中,darcula-configuration 一栏就为你提供了一些可供自定义的选项指导。


不难发现,想要解决上述所说的背景配色和终端设置的背景图片冲突的问题,只需在该行出现的地方将这一项的值设置为 0 即可。

于是我们可以在仓库中全局搜索一下包含这一行代码的文件。

发现该行代码在 colors/dracula.vim 中出现,因此对该文件进行编辑,找到对应行进行修改即可。

折叠行可在 normal mode 下通过 zo 展开。

1 修改为 0,保存退出,发现此时 Dracula 的背景配色已经去除,可以直接看到 terminal 设置的背景图片了。

三、*去除状态栏背景配色

然而作为一名强迫症患者,本人此时还是对下面这栏格格不入的状态栏看着非常不顺眼,想要将其背景配色去掉,历经一个多小时的源代码 sourcing 后终于找到了相关解决方案。同样对 colors/dracula.vim 文件进行编辑,在 line 222 将绿色框内的内容替换为红色框内的内容(如果没猜错的话 fg 的意思是取用前景色配置)。


在完成上述操作后,就会发现状态栏变成透明的颜色了,完美融入 terminal 的背景图片!

四、*去除折叠行配色

然而,折叠行还是有背景配色,看着很不爽啊喂!于是一不做二不休俺又去找了跟这部分相关的代码,跟我一样同样有强迫症的朋友请继续往下翻看解决方案。

首先在 colors/dracula.vim 中找到关于折叠行相关的代码。

可以猜测折叠行的风格格式用的是 DraculaBoundary 这种风格,而我们在当前文件中搜索 DraculaBoundary,可以看到它的风格设置为:文字采用跟 comment(注释)相同的风格,而背景采用黑色,这也就是为什么一开始我们看到 vim 中的折叠行是紫色文字、黑色背景的原因了。


从这组代码开头的注释中可以看出该部分是对 Dracula 高亮的调用,因此大家可以在此选择喜欢的高亮风格将 line 242 的代码替换即可,而本人希望继续保留和注释相同的文字风格,但去掉黑色背景,因此选择了 line 158DraculaComment 风格来替换原先的代码。


由此,我就成功重设了关于折叠行的高亮风格。

重新打开 vim,可以发现事情确实朝着预料中的方向发展了

五、*去除光标行背景颜色

注释 colors/dracula.vim 第 228 行。

六、*修复 Windows 下 vim 光标异常问题

在 Windows 中 vim 光标一直显示为一条竖线,不方便查看光标实际位置,可通过向 .vimrc 中添加以下内容进行修复。

if &term =~ "xterm"let &t_SI = "\<Esc>[6 q"let &t_SR = "\<Esc>[3 q"let &t_EI = "\<Esc>[2 q"
endif

最后,呈现在我们面前的就是拥有精美配色的 vim 编辑器了,简直迫不及待想上手撸代码啦!!!

【vim】Darcula 配色设置相关推荐

  1. vim php 配色方案,php 文件资源管理器vim设置默认字体、窗口大小和配色方案

    其实很几个月前我就开始使用vim这款编辑器了,只是没有找到设置的方法,所以一直都没有使用.昨天解决了我多这款编辑器所有的问题和大家分享下方法. 下面的修改都是在一个文件_vimrc进行的,该文件在你的 ...

  2. 【Centos 7】---vim环境配色(colorscheme)配置

    [Centos 7]vim环境配色(colorscheme)配置 引言:小白在刚开始使用vim的时候,很可能会觉得电脑自带配色真的很low,看着会非常的不舒服,没有了撸代码的欲望,今天给大家带了二十种 ...

  3. UoW中修改VIM的配色方案

    在WIN10中提供Bash on Ubuntu on Windows,即在win中提供一个Ubuntu子系统,可以使用bash.该系统中自带的VIM的配色方案colorscheme为默认的,不怎么好, ...

  4. 关于 vim 的 magic 设置

    文章目录 一.magic 介绍 二.设置 magic (一)长效设置 (二)临时设置 (三)magic 示例 1. 匹配由 3 个以字母 a 开头,以字母 c 结尾,中间是任意一个字符的子串组成的字符 ...

  5. vim编辑器的设置文件

    vim配置特点: 1.按F5可以直接编译并执行C.C++.java代码以及执行shell脚本,按"F8"可进行C.C++代码的调试 2.自动插入文件头 ,新建C.C++源文件时自动 ...

  6. vim 初学简单设置

    2019独角兽企业重金招聘Python工程师标准>>>   1. 执行以下command,设置vimrc cd ~ rm -rf .vim* rm -rf vim git clone ...

  7. Linux中设置tab4个空格,linux下vim中tab设置为4个空格例子

    在大多数的文件中使用4个空格的tab,在Makefile中使用真正8个宽度的tab, 同事基于文件的类型自动缩进. 编辑 vim ~/.vimrc 如文件不存在新建,文件已存在,追加在尾部 添加 &q ...

  8. WebStorm安装Vim以及快捷键设置

    运气好,赶上了2012年12月21日"世界末日"的促销活动,便宜买到了这款号称The smartest JavaScript IDE的软件. 我一向对工具很挑剔,由于是从.NET转 ...

  9. vim 使用、设置笔记

    一.设置.vimrc( windows下通常为_vimrc) 1.设置vim中tab的缩进 set ts=4  (注:ts是tabstop的缩写,设TAB宽4个空格) set expandtab (注 ...

最新文章

  1. javascript调试_如何提高JavaScript调试技能
  2. mysql写法_MySQL基本语句写法
  3. jQuery的后代遍历
  4. (Spring)依赖注入
  5. Python 中的闭包、匿名函数、decorator 装饰器与python的偏函数
  6. Objective-C中的@property
  7. django 学习 (四) 模板标签
  8. plsql 快捷键设置
  9. android+版本升级的时候会清楚数据马,android主进程销毁了,线程会不会也销毁?...
  10. 在raspbian上配置apache2/subversion/xdebug及mysql远程访问
  11. 我的Android进阶之旅------修改Android签名证书keystore的密码、别名alias以及别名密码...
  12. Web 前端怎样入门?
  13. 为什么我们公司强制弃坑Fastjson了?主推...
  14. LPRNet车牌识别算法?其实没有想象那么难
  15. 【计算机网络】Stanford CS144 学习笔记
  16. 【笔记整理】通信原理第九章复习——线性分组码
  17. VC++ 中主线程等待子线程结束的方法
  18. 内存溢出(Memory Overflow)和内存泄露(Memory Leak)的区别
  19. 安卓linux远程桌面连接,用SSH连接你的android手机
  20. 钟翔平:坚持走手机浏览器架构创新之路

热门文章

  1. 数据库缓存服务—Redis配置与优化
  2. excel 如何超链接到另一个工作薄下查找相同字符数据
  3. 企业邮局和邮件服务器
  4. java lambda表达式 steam api
  5. vscode安装哪个版本更好
  6. uni-app 微信小程序全局配置分享好友、朋友圈...
  7. 安卓修改电池容量教程_图吧小白教程 篇三十二:手机拆换原装电池教程——替换寿命将届的原厂电池,提升手机续航...
  8. 使用jQuery Mobile和Phone Gap开发Android应用程序
  9. 外媒预测2015年十大最热门工作
  10. 燕千云知识库,解决你的知识沉淀烦恼