首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  Vim

使用 neovim 的浮动窗口让你再次爱上 fzf

  •  1
     
  •   simple26 · 239 天前 · 2279 次点击
    这是一个创建于 239 天前的主题,其中的信息可能已经有所发展或是发生改变。

    fzf 是一个非常高效实用且美观的命令行工具,并且配置有对应的 vim 插件 fzf.vim, 相信很多人都用过。这里就不在赘述,如果你还没有用过,很推荐一试。

    自从 neovim 的浮动窗口 PR https://github.com/neovim/neovim/pull/6619 被合到 master 以后,很多插件都利用了这个特性实现了很多很酷的功能,比如 coc.nvim,另外 vim-which-keyvista.vim 也利用了这一特性 。

    浮动窗口的一个很大的特点就是不会像之前 split 的方式扰动你的窗口布局,晃动你的视线,而 fzf 也可以利用这一特性进一步提升体验!

    比如下面这个效果图,我们可以让 fzf 在中间进行显示,有点类似于 IDEA 的搜索窗口:

    fzf

    要实现上面的效果,需要配置 3 个地方。首先是 2 个配置项:

        " 让输入上方,搜索列表在下方
        let $FZF_DEFAULT_OPTS = '--layout=reverse'
    
        " 打开 fzf 的方式选择 floating window
        let g:fzf_layout = { 'window': 'call OpenFloatingWin()' }
    

    还有 1 个函数指定如何打开浮动窗口:

    function! OpenFloatingWin()
      let height = &lines - 3
      let width = float2nr(&columns - (&columns * 2 / 10))
      let col = float2nr((&columns - width) / 2)
    
      " 设置浮动窗口打开的位置,大小等。
      " 这里的大小配置可能不是那么的 flexible 有继续改进的空间
      let opts = {
            \ 'relative': 'editor',
            \ 'row': height * 0.3,
            \ 'col': col + 30,
            \ 'width': width * 2 / 3,
            \ 'height': height / 2
            \ }
    
      let buf = nvim_create_buf(v:false, v:true)
      let win = nvim_open_win(buf, v:true, opts)
    
      " 设置浮动窗口高亮
      call setwinvar(win, '&winhl', 'Normal:Pmenu')
    
      setlocal
            \ buftype=nofile
            \ nobuflisted
            \ bufhidden=hide
            \ nonumber
            \ norelativenumber
            \ signcolumn=no
    endfunction
    

    关于浮动窗口的更多信息,可以 :help api-floatwin.

    另外,如果你的浮动窗口设置高亮无效,看看是否有设置 g:fzf_colors,这可能会重置浮动窗口的高亮,有浮动窗口的话就不用设置了。

    因为还没有 release, 目前要体验这个特性的话需要自己从 neovim master 编译,macOS 用户直接 安装 HEAD 版本的 neovim 就行了。安装好 neovim,然后进行如上配置应该就可以了,对于 https://github.com/liuchengxu/space-vim 用户直接升级 space-vim 即可。

    13 回复  |  直到 2019-04-27 09:47:25 +08:00
        1
    yuuko   238 天前
    不错
        2
    bookit   238 天前
    这样可以模拟多数现代编辑器的功能了,期待 ing
        3
    BBCCBB   238 天前
    这个浮动窗口真是 nice
        4
    FrankFang128   238 天前
    直接用 IDE 的路过,不想配这些东西了。
        5
    genesislive   238 天前
    图片加载不出来
        6
    glues   238 天前
    🐂🍺
        7
    simple26   238 天前
    @FrankFang128 我也用 IDE 各有所长
        8
    yujincheng08   238 天前 via Android
    😉LanguageClient 也用上了,很爽
        9
    omph   238 天前
    neovim 显示中文的时候,光标是错位的,很难编辑,vim 就没有问题,可惜了
        10
    yujincheng08   238 天前 via Android
    @omph 我没这问题呀。是不是版本太低?👀
        11
    omph   238 天前
    @yujincheng08 用的源里的,neovim 0.3.4-2,应该挺新的吧
        12
    yujincheng08   238 天前 via Android
    @omph 我也是这个版本,但是没有问题。可能是字体原因?
        13
    x1314aq   225 天前
    要是能在编辑的同时支持动态收缩 floating windows 就更好了
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2160 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 106ms · UTC 05:03 · PVG 13:03 · LAX 21:03 · JFK 00:03
    ♥ Do have faith in what you're doing.