百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

从零开始配置 vim(15)——状态栏配置

yuyutoo 2024-10-16 15:38 1 浏览 0 评论

vim 下侧有一个状态栏,会显示当前打开的文件等一系列内容,只是我们很少去关注它。而且原生的vim也支持对状态栏进行自定义。这篇文章主要介绍如何自定义状态栏

设置状态栏

我们可以采用 set statusline 来设置状态栏。
例如我们输入 :set statusline=%f\ -\ FileType=%y。之后我们可以发现它变成了如下这个样子


statusline 的值是一个格式字符串。上述命令我们使用了 %f 表示当前文件名称 。

从上面的命令中明显感觉到只输出两个内容就已经开始显的比较繁琐了,如果显示的内容多了是不是就更加难以阅读和书写了呢?好在我们还能使用 lua来做设置。上述内容可以翻译为如下的 lua代码

vim.o.statusline = "%f - FileType=%y"

我们保存之后发现下方的状态栏显示内容已经发生变化。

控制边距和宽度

如果你写过 c 或者其他编程语言中的输出语句,应该很容易理解如何控制输出的格式,一般使用类似 `%4l`` 这样的语句来控制该项占4个字符宽度。这里的设置也是类似的

vim.o.statusline = "%20f - FileType=%y"

它表示 文件名这项应该站20个字符宽度。最终效果如下所示

默认它的边距是添加在左边的,这样会让左侧空出一大半,会显得比较难看,我们可以使用 -来使空白站位符显示在右侧

vim.o.statusline = "%-20f - FileType=%y"

当然我们也可以控制一下输出字符的最大长度,例如使用如下代码

vim.o.statusline = "%0.10F - FileType=%y"

使用 %F可以显示文件的全路径。这里我们发现全路径大于10个字符,但是它只是显示了10个字符。使用这个方法可以防止某些超长的字符串破坏了我之前的布局

分割

我们再来介绍一个符号 %=,它表示将 %= 后面的内容全局居右对齐,例如

vim.o.statusline = "%f %= FileType=%y"

将得到如下显示内容

更多的关于各个标识符代表的含义可以使用 :help statusline 来查看。

练习

最后我们来做一个小练习,我们希望将状态栏显示为如下内容

mode | filename[status] | currentline:totalline                       |encoding|filetype|

其中 mode 代表当前所处模式、filename 代表文件名称、status 代表文件状态(是否可读写、是否保存)、currentline 代表光标当前所在行数、totalline 代表文件一共多少行、encoding 代表文件编码、filetype 代表文件类型

我们通过查阅文档可以知道:

  • 文件名称可以使用 %f 来显示
  • 文件状态可以使用 %m 来显示
  • 当前行可以使用 %l
  • 当前buffer总行数可以使用 %L
  • 文件类型可以使用 %y 来显示

至于当前模式和文件类型我们先不管它,根据这些内容我们可以写下如下代码

vim.o.statusline = "mode|%f%m|%l:%L%=encoding|%y"


[+] 表示对缓冲区所做的修改还没有写入到磁盘中。执行:w写入之后发现它直接消失了

我们可以通过 vim.g.encoding 来获取当前文件的编码方式,因此我们改一下当前代码

vim.o.statusline = "mode|%f%m|%l:%L%=" .. vim.g.encoding .. "|%y"

我们发现此时的状态已经改过来了。


最麻烦的是模式,
vim 中提供了一个可以获取当前模式的函数 mode 。但是在 lua 接口中我没有找到对应的函数。因此我们仍然采用在 lua 中调用 vimscript 的方式。这次我们使用函数 vim.api.nvim_eval()。它可以执行 vim 命令并将返回执行的结果。

我们可以定义一个函数返回当前所处模式

function get_mode()
    local mode = vim.api.nvim_eval([[mode]])
    if mode == "n" then
        return "Normal"
    elseif mode == "v" then
        return "Visual"
    elseif mode == "i" then
        return "Insert"
    else
        return ""
    end
end

这里我们为了演示只返回了 3中模式的字符串,更多模式可以查看vim的帮助文档

我们希望模式改变时对应的就修改 mode 对应的字段,此时我们应该采用自动命令。查看vim的用户手册我们发现,针对模式变化这一事件有一个叫做 ModeChanged 的事件类型,因此我们可以写下一些代码

local cmd_statusline = vim.api.nvim_create_autogroup("SET_STATUS_LINE", {clear = true})

vim.api.nvim_create_autocmd({"ModeChanged"}, {
    pattern = "*",
    group = cmd_statusline,
    callback = function()
      local win_id = vim.api.nvim_eval([[win_getid()]]) --获取当前window id
      vim.wo[win_id].statusline = get_mode() .. "|%f%m|%l:%L%=" .. vim.g.encoding .. "|%y" -- 使用 setlocal 针对窗口设置本地化配置
    end
)

后面我们可以对字符串进行一些格式控制,这里就不展开了。我们将这些代码写到 init.lua中,保存后发现它大致效果如下


我们发现就是简单的设置状态栏的工作也是比较麻烦的。而且有时候我们又想它好看,带点颜色什么的。这就更麻烦了。好在有大量的插件可以帮助我们来完成这一工作

lualine 插件

lualine 是一个用 lua 语言开发的 neovim 的状态栏美化插件,可以使用如下代码进行安装

use {
  'nvim-lualine/lualine.nvim',
  requires = { 'kyazdani42/nvim-web-devicons', opt = true }
}

我们创建 lualine 的配置文件,加入加载 lualine 的代码

require("lualine").setup()

然后在主配置文件中加载该文件

require("plugin-config/lualine")

lualine 官方提供了3种主题的配色,我们可以直接在代码中引用,例如我这里引用 evil_lualine 这个配置,然后将 theme改为之前我们安装的 tokyonight主题

theme = "tokyonight"

到这里我们已经完成了 状态栏的美化,其实主要靠插件,本篇一大部分写了如何使用原生的statusline 设置主要是自己手工设置比较有意思,而且也可以凑文章字数,其实你不知道statusline 这个也无所谓,很多插件都都对原生的方式进行了大量封装,而且能进行高度的自定义。完全可以满足你各种奇怪的口味。

当然状态栏配置并不只有这一种插件,如果你知道有哪些状态栏的插件也欢迎在评论区留言给出

相关推荐

jQuery VS AngularJS 你更钟爱哪个?

在这一次的Web开发教程中,我会尽力解答有关于jQuery和AngularJS的两个非常常见的问题,即jQuery和AngularJS之间的区别是什么?也就是说jQueryVSAngularJS?...

Jquery实时校验,指定长度的「负小数」,小数位未满末尾补0

在可以输入【负小数】的输入框获取到焦点时,移除千位分隔符,在输入数据时,实时校验输入内容是否正确,失去焦点后,添加千位分隔符格式化数字。同时小数位未满时末尾补0。HTML代码...

如何在pbootCMS前台调用自定义表单?pbootCMS自定义调用代码示例

要在pbootCMS前台调用自定义表单,您需要在后台创建表单并为其添加字段,然后在前台模板文件中添加相关代码,如提交按钮和表单验证代码。您还可以自定义表单数据的存储位置、添加文件上传字段、日期选择器、...

编程技巧:Jquery实时验证,指定长度的「负小数」

为了保障【负小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【负小数】的方法。HTML代码<inputtype="text"class="forc...

一篇文章带你用jquery mobile设计颜色拾取器

【一、项目背景】现实生活中,我们经常会遇到配色的问题,这个时候去百度一下RGB表。而RGB表只提供相对于的颜色的RGB值而没有可以验证的模块。我们可以通过jquerymobile去设计颜色的拾取器...

编程技巧:Jquery实时验证,指定长度的「正小数」

为了保障【正小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【正小数】的方法。HTML做成方法<inputtype="text"class="fo...

jquery.validate检查数组全部验证

问题:html中有多个name[],每个参数都要进行验证是否为空,这个时候直接用required:true话,不能全部验证,只要这个数组中有一个有值就可以通过的。解决方法使用addmethod...

Vue进阶(幺叁肆):npm查看包版本信息

第一种方式npmviewjqueryversions这种方式可以查看npm服务器上所有的...

layui中使用lay-verify进行条件校验

一、layui的校验很简单,主要有以下步骤:1.在form表单内加上class="layui-form"2.在提交按钮上加上lay-submit3.在想要校验的标签,加上lay-...

jQuery是什么?如何使用? jquery是什么功能组件

jQuery于2006年1月由JohnResig在BarCampNYC首次发布。它目前由TimmyWilson领导,并由一组开发人员维护。jQuery是一个JavaScript库,它简化了客户...

django框架的表单form的理解和用法-9

表单呈现...

jquery对上传文件的检测判断 jquery实现文件上传

总体思路:在前端使用jquery对上传文件做部分初步的判断,验证通过的文件利用ajaxFileUpload上传到服务器端,并将文件的存储路径保存到数据库。<asp:FileUploadI...

Nodejs之MEAN栈开发(四)-- form验证及图片上传

这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能。开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/R...

大数据开发基础之JAVA jquery 大数据java实战

上一篇我们讲解了JAVAscript的基础知识、特点及基本语法以及组成及基本用途,本期就给大家带来了JAVAweb的第二个知识点jquery,大数据开发基础之JAVAjquery,这是本篇文章的主要...

推荐四个开源的jQuery可视化表单设计器

jquery开源在线表单拖拉设计器formBuilder(推荐)jQueryformBuilder是一个开源的WEB在线html表单设计器,开发人员可以通过拖拉实现一个可视化的表单。支持表单常用控件...

取消回复欢迎 发表评论: