原始的vim中标签页已经足够好用了。你完全可以使用原始 vim 提供的功能,但是使用插件可以让它更好看。这里我比较喜欢使用 bufferline 这个插件

安装

首先我们来安装它, 在使用 packer 的前提下,你可以使用如下代码

-- using packer.nvim
use {'akinsho/bufferline.nvim', tag = "v2.*", requires = 'kyazdani42/nvim-web-devicons'}

它的效果如下

配置

注意这里的 v2 只支持 neovim0.7 以上的 版本,如果你使用的 0.6 版本,应该将这里的 tag 改为 tag = 'v1.*'

vim.opt.termguicolors = true
require("bufferline").setup{}

启用之后我们发现它将所有缓冲区都以标签页的形式显示出来了。这会对我们的理解造成困扰,我们可以对它进行一些配置,更改默认行为

vim.opt.termguicolors = true
require("bufferline").setup{
options = {
-- 模式改为 tabs ,只显示真实的tabs不显示buffer
mode = "tabs",
}
}

但是使用默认的 buffers 模式有一个好处那就是将切换 buffer 的操作和切换 tab 的操作统一了。统一使用 BufferLineCycleNextBufferLineCyclePrev。我们可以映射快捷键快速在 buffertab 之间进行切换。因此我还是比较推荐使用 buffers 模式的。

这里我采用我比较熟悉的配置

vim.opt.termguicolors = true
require("bufferline").setup{
options = {
mode = "buffer",
-- 显示id
number = "ordinal"
}
} -- 快速在buffer间跳转
vim.api.nvim_set_keymap("n", "<leader>1", ":BufferLineGoToBuffer 1<CR>", {noremap = true, silent = true})
vim.api.nvim_set_keymap("n", "<leader>2", ":BufferLineGoToBuffer 2<CR>", {noremap = true, silent = true})
vim.api.nvim_set_keymap("n", "<leader>3", ":BufferLineGoToBuffer 3<CR>", {noremap = true, silent = true})
vim.api.nvim_set_keymap("n", "<leader>4", ":BufferLineGoToBuffer 4<CR>", {noremap = true, silent = true})
vim.api.nvim_set_keymap("n", "<leader>5", ":BufferLineGoToBuffer 5<CR>", {noremap = true, silent = true})
vim.api.nvim_set_keymap("n", "<leader>6", ":BufferLineGoToBuffer 6<CR>", {noremap = true, silent = true})
vim.api.nvim_set_keymap("n", "<leader>7", ":BufferLineGoToBuffer 7<CR>", {noremap = true, silent = true})
vim.api.nvim_set_keymap("n", "<leader>8", ":BufferLineGoToBuffer 8<CR>", {noremap = true, silent = true})
vim.api.nvim_set_keymap("n", "<leader>9", ":BufferLineGoToBuffer 9<CR>", {noremap = true, silent = true})
vim.api.nvim_set_keymap("n", "<leader>bg", ":BufferLinePick", {noremap = true, silent = true}) vim.api.nvim_set_keymap("n", "gt", ":BufferLineCycleNext<CR>", {noremap = true, silent = true})
vim.api.nvim_set_keymap("n", "gT", ":BufferLineCyclePrev<CR>", {noremap = true, silent = true})

number 属性默认有3个值,buffer_idordinalbothbuffer_id 代表真实的缓冲区 idordinal 应该是由该插件指定的一个 id,它与 buffer_id 并不相同,这里我们还是采用它默认的 ordinal 选项。

注意这里的数字并不代表标签页所对应的数字,而是在可见区域中第几个标签页。例如有下面一些标签页

<- (30) | buf31 | buf32 | buf33 | buf34 | buf35 | buf36 | buf37 (24) ->

当前显示的是第31个 buffer 的内容。如果我么我们想要显示第34号buffer的内容,可以使用 <leader>4

我们已经有了针对 tabbuffer 的快速跳转的快捷键,因此之前定义的基础快捷键中针对 tab 操作的就都可以删掉了。主要是这么几行

--- 配置tabline快捷键,主要以 t开头代表 t
--- 关闭当前标签页
--vim.api.nvim_set_keymap("n", "tc", ":tabclose<CR>", {noremap = true, silent = true})
--- 关闭所有标签页,仅保留当前标签页
--vim.api.nvim_set_keymap("n", "to", ":tabonly<CR>", {noremap = true, silent = true})
--- gt 切换到下一个,gT切换到上一个

接下来为了方便 buffer的管理。我们来配置两个有用的功能。

关闭当前buffer

还记得我们介绍 buffer 的时候介绍过,我们可以使用 :bdelete {fname} 来删除一个 buffer{fname}可以是bufferid也可以是buffer的名称。不管使用哪种办法,首先要获取当前所在 buffer的名称或者id。我们以获取 name 为例。

在介绍命令模式的时候说过 % 可以代表当前文件的名称。而 buffer 的名称与当前所关联的文件名称相同。所以这里我们完全可以使用 %来作为 当前要删除的 buffer 的名称

vim.api.nvim_set_keymap("n", "<leader>bc", ":bdelete %<CR>", {noremap = true, silent = true})

或者我们可以使用 BufferLinePickClose 命令来快速关闭某一个 buffer 。我们可以再定义一个快捷键

vim.api.nvim_set_keymap("n", "<leader>bp", ":BufferLinePickClose<CR>", {noremap = true, silent = true})

什么是 pick 呢?简单来说它会将所有标签页都标记一个字母,然后等待用户按下标签所对应的字母,以便对对应标签页进行操作。他的效果如下图

第二种形式统一了 tabbuffer 的行为。我自己基本不使用 tab。因为使用第二种方式多了一次选buffer 的操作,所以我采取第一种办法删除当前 bufer。后面的用来删除其他不想要的 buffer 或者 tab

关闭除当前buffer外的所有buffer

这部分的功能我们可以使用借助 BufferLine 提供的两个删除函数 BufferLineCloseLeftBufferLineCloseRight 来完成。它们分别用于删除当前 buffer 左侧所有的 buffer 以及删除右侧所有的 buffer。因此这里我们可以使用如下代码来定义这一行为

vim.api.nvim_set_keymap("n", "<leader>bo", ":BufferLineCloseLeft<CR>:BufferLineCloseRight<CR>", {noremap = true, silent = true})

本篇的内容到此就结束了,下一篇将介绍插件用来做目录管理。

从零开始配置 vim(13)——标签页插件的更多相关文章

  1. chrome打开新标签页插件

    标签(空格分隔): 日常办公,chrome浏览器 一直被chrome浏览器打开新标签页困扰,每次点开一个新标签页还要再去点一下主页,才能打开搜索页面.如果直接点击主页,又会把当前的页面刷掉,实在是非常 ...

  2. 高颜值,类似Fliqlo的翻页时钟-BdTab新标签页插件组件

    起因: 很多用户在使用BdTab插件时,反馈说希望添加一个时钟的功能, 而BdTab又是组件模块化的插件,于是在空余时间就用html+js+css写了一款高颜值的分页时钟 源码如下: 需要其他网页组件 ...

  3. VIM多标签页

    :tabnew 增加一个标签 :tabc       关闭当前的tab :tabo       关闭所有其他的tab :tabp 或gT 前一个 :tabn 或gt  后一个 :tabs     显示 ...

  4. 4. VIM 系列 - 认识VIM的缓冲区、窗口、标签页

    目录 1. 缓冲区 2. 窗口 3. 标签页 4. 设置一下热键 1. 缓冲区 文件和缓冲区的区别 vim 打开一个文件时,其实是从磁盘中读取文件到内存中,vim的一些操作其实是在操作缓冲区, 当使用 ...

  5. Bootstrap插件——(Tab)标签页

    项目中用到了Bootstrap的(Tab)标签页插件,记录如下: 代码如下: <div class="tabbable"> <ul class="nav ...

  6. zTab layui多标签页组件

    zTab zTab是一个layui多标签页插件,仿照了layuiAdmin的iframe版Tab实现 当前版本v1.0 码云地址:https://gitee.com/sushengbuyu/zTab ...

  7. Centos6.7下面配置vim及其插件

    Vim是在vi的基础上升级而来的,比vi更强大,提供代码补全,编译功能 [4]vim Vim是从 vi 发展出来的一个文本编辑器.代码补完.编译及错误跳转等方便编程的功能特别丰富,在程序员中被广泛使用 ...

  8. VIM编辑器使用及插件配置

    1.VIM的三种模式: 普通模式.插入模式.命令行模式2.三种模式的转换: 2.1进入普通模式 ①打开VIM默认为普通模式 ②处于插入模式/命令行模式时,按ESC进入普通模式 2.2进入插入模式: A ...

  9. 【转】Vim自动补全插件----YouCompleteMe安装与配置

    原文网址:http://www.cnblogs.com/zhongcq/p/3630047.html 使用Vim编写程序少不了使用自动补全插件,在Linux下有没有类似VS中的Visual Assis ...

  10. 第二百四十五节,Bootstrap标签页和工具提示插件

    Bootstrap标签页和工具提示插件 学习要点: 1.标签页 2.工具提示 本节课我们主要学习一下 Bootstrap 中的标签页和工具提示插件. 一.标签页选项卡 标签页也就是通常所说的选项卡功能 ...

随机推荐

  1. 火山引擎数智平台 VeDI 帮助智能投影仪更懂用户需求

    更多技术交流.求职机会,欢迎关注字节跳动数据平台微信公众号,回复[1]进入官方交流群 当露营成为年轻人的一种全新生活方式后,连带着户外野营帐篷.可折叠桌椅.卡式炉.多人趣味桌游等露营周边市场都迎来新一 ...

  2. 助力信创国产化,Solon v2.2.9 发布

    Solon 是一个高效的 Java 应用开发框架:更快.更小.更简单.它不是 Spring.没有使用 Servlet.JavaEE 接口,是一个有自己接口标准的开放生态.可以为应用软件国产化提供支持, ...

  3. 高性能 Jsonpath 框架,Snack3 3.2.57 发布

    Snack3,一个高性能的 JsonPath 框架 借鉴了 Javascript 所有变量由 var 申明,及 Xml dom 一切都是 Node 的设计.其下一切数据都以ONode表示,ONode也 ...

  4. peewee update和save性能分析

    背景 python项目中使用了peewee这款orm框架,在对数据库更新时有两种语法,分别是save和update方法.有同事说从peewee的日志来看,update比save更快,于是做了一个简单的 ...

  5. pod内部网络实现

    k8s主题系列: 一.k8s网络之设计与实现 二.k8s网络之pod内部网络 三.k8s网络之Flannel网络 四.k8s网络之Calico网络 pod特性 Pod 是 K8S 的最小工作单元.每个 ...

  6. LaTex常用数学符号整理

    在论文和博客的写作中,经常会用到Latex的语法来书写数学公式,一份详细的数学符号对照表必不可少,本文重写了部分 Markdown 公式指导手册 . 在线Latex公式编辑器 -1.求和积分的上下标位 ...

  7. 前端科普系列(5):ESLint - 守住优雅的护城河

    作者:Morrain [前端科普系列]帮助阅读者了解web前端,主要覆盖web前端的基础知识,但不深入讲解,定位为大而全并非细而精,适合非前端开发的同学对前端有一个系统的认识,能更好的与前端开发协作. ...

  8. vue3引入使用svg图标

    vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //v ...

  9. OAuth2.0回调函数用html页面转发给controller

    OAuth2.0授权中有个回调函数,就是请求授权服务后,它会将你需要的code(假设code就是你需要的数据)发送给你的回调函数(你对外开放的一个url地址用以接收参数) 注:这个回调函数有点讨厌为什 ...

  10. <vue 路由 7、导航守卫>

    导航守卫 一.     知识点 1.什么是导航守卫? (1)vue-router提供的导航守卫主要用来监听路由的进入和离开. (2)vue-router提供了beforeEach和afterEach的 ...