查看原文
其他

5 个好用的开发者 Vim 插件

The following article is from Linux中国 Author 译者/pityonline

(给程序员的那些事加星标


英文:Ricardo Gerardi,翻译:Linux中国/pityonline

linux.cn/article-10563-1.html



我用 Vim 已经超过 20 年了,两年前我决定把它作为我的首要文本编辑器。我用 Vim 来编写代码、配置文件、博客文章及其它任意可以用纯文本表达的东西。Vim 有很多超级棒的功能,一旦你适合了它,你的工作会变得非常高效。


在日常编辑工作中,我更倾向于使用 Vim 稳定的原生功能,但开源社区对 Vim 开发了大量的插件,可以扩展 Vim 的功能、改进你的工作流程和提升工作效率。


以下列举 5 个非常好用的可以用于编写任意编程语言的插件。


1、Auto Pairs


Auto Pairs 插件可以帮助你插入和删除成对的文字,如花括号、圆括号或引号。这在编写代码时非常有用,因为很多编程语言都有成对标记的语法,就像圆括号用于函数调用,或引号用于字符串定义。


Auto Pairs 最基本的功能是在你输入一个左括号时会自动补全对应的另一半括号。比如,你输入了一个 [,它会自动帮你补充另一半 ]。相反,如果你用退格键删除开头的一半括号,Auto Pairs 会删除另一半。


如果你设置了自动缩进,当你按下回车键时 Auto Pairs 会在恰当的缩进位置补全另一半括号,这比你找到放置另一半的位置并选择一个正确的括号要省劲多了。


例如下面这段代码:


package main

 

import "fmt"

 

func main() {

    x := true

    items := []string{"tv", "pc", "tablet"}

 

    if x {

        for _, i := range items

    }

}


在 items 后面输入一个左花括号按下回车会产生下面的结果:


package main

 

import "fmt"

 

func main() {

    x := true

    items := []string{"tv", "pc", "tablet"}

 

    if x {

        for _, i := range items  {

            | (cursor here)

        }

    }

}


Auto Pairs 提供了大量其它选项(你可以在 GitHub 上找到),但最基本的功能已经很让人省时间了。


2、NERD Commenter


NERD Commenter 插件给 Vim 增加了代码注释的功能,类似在 IDEintegrated development environment 中注释功能。有了这个插件,你可以一键注释单行或多行代码。


NERD Commenter 可以与标准的 Vim filetype 插件配合,所以它能理解一些编程语言并使用合适的方式来注释代码。


最易上手的方法是按 Leader+Space 组合键来切换注释当前行。Vim 默认的 Leader 键是 。


在可视化模式Visual mode中,你可以选择多行一并注释。NERD Commenter 也可以按计数注释,所以你可以加个数量 n 来注释 n 行。


还有个有用的特性 “Sexy Comment” 可以用 Leader+cs 来触发,它的块注释风格更漂亮一些。例如下面这段代码:


package main

 

import "fmt"

 

func main() {

    x := true

    items := []string{"tv", "pc", "tablet"}

 

    if x {

        for _, i := range items {

            fmt.Println(i)

        }

    }

}


选择 main 函数中的所有行然后按下 Leader+cs 会出来以下注释效果:


package main

 

import "fmt"

 

func main() {

/*

*    x := true

*    items := []string{"tv", "pc", "tablet"}

*

*    if x {

*        for _, i := range items {

*            fmt.Println(i)

*        }

*    }

*/

}


因为这些行都是在一个块中注释的,你可以用 Leader+Space 组合键一次去掉这里所有的注释。


NERD Commenter 是任何使用 Vim 写代码的开发者都必装的插件。


3、VIM Surround


Vim Surround 插件可以帮你“环绕”现有文本插入成对的符号(如括号或双引号)或标签(如 HTML 或 XML 标签)。它和 Auto Pairs 有点儿类似,但是用于处理已有文本,在编辑文本时更有用。


比如你有以下一个句子:


"Vim plugins are awesome !"


当你的光标处于引起来的句中任何位置时,你可以用 ds" 组合键删除句子两端的双引号。


Vim plugins are awesome !


你也可以用 cs"' 把双端的双引号换成单引号:


'Vim plugins are awesome !'


或者再用 cs'[ 替换成中括号:


[ Vim plugins are awesome ! ]


它对编辑 HTML 或 XML 文本中的标签tag尤其在行。假如你有以下一行 HTML 代码:


<p>Vim plugins are awesome !</p>


当光标在 “awesome” 这个单词的任何位置时,你可以按 ysiw<em> 直接给它加上着重标签(<em>):


<p>Vim plugins are <em>awesome</em> !</p>


注意它聪明地加上了 </em>  闭合标签。


Vim Surround 也可以用 ySS 缩进文本并加上标签。比如你有以下文本:


<p>Vim plugins are <em>awesome</em> !</p>


你可以用 ySS <div class="normal"> 加上 div 标签,注意生成的段落是自动缩进的。


<div class="normal">

        <p>Vim plugins are <em>awesome</em> !</p>

</div>


Vim Surround 有很多其它选项,你可以参照 GitHub 上的说明尝试它们。


4、Vim Gitgutter


Vim Gitgutter 插件对使用 Git 作为版本控制工具的人来说非常有用。它会在 Vim 的行号列旁显示 git diff 的差异标记。假设你有如下已提交过的代码:


  1 package main

  2

  3 import "fmt"

  4

  5 func main() {

  6     x := true

  7     items := []string{"tv", "pc", "tablet"}

  8

  9     if x {

 10         for _, i := range items {

 11             fmt.Println(i)

 12         }

 13     }

 14 }


当你做出一些修改后,Vim Gitgutter 会显示如下标记:


    1 package main

    2

    3 import "fmt"

    4

_   5 func main() {

    6     items := []string{"tv", "pc", "tablet"}

    7

~   8     if len(items) > 0 {

    9         for _, i := range items {

   10             fmt.Println(i)

+  11             fmt.Println("------")

   12         }

   13     }

   14 }


_ 标记表示在第 5 行和第 6 行之间删除了一行。~ 表示第 8 行有修改,+ 表示新增了第 11 行。


另外,Vim Gitgutter 允许你用 [c 和 ]c 在多个有修改的块之间跳转,甚至可以用 Leader+hs 来暂存某个变更集。


这个插件提供了对变更的即时视觉反馈,如果你用 Git 的话,有了它简直是如虎添翼。


5、VIM Fugitive


Vim Fugitive 是另一个将 Git 工作流集成到 Vim 中的超棒插件。它对 Git 做了一些封装,可以让你在 Vim 里直接执行 Git 命令并将结果集成在 Vim 界面里。这个插件有超多的特性,更多信息请访问它的 GitHub 项目页面。


这里有一个使用 Vim Fugitive 的基础 Git 工作流示例。设想我们已经对下面G的 o 代码做出修改,你可以用 :Gblame 调用 git blame 来查看每行最后的提交信息:



可以看到第 8 行和第 11 行显示还未提交。用 :Gstatus 命令检查仓库当前的状态:



Vim Fugitive 在分割的窗口里显示 git status 的输出结果。你可以在该行按下 - 键用该文件的名字暂存这个文件的提交,再按一次 - 可以取消暂存。这个信息会随着你的操作自动更新:



现在你可以用 :Gcommit 来提交修改了。Vim Fugitive 会打开另一个分割窗口让你输入提交信息:



按 :wq 保存文件完成提交:


[master c3bf80f] vim-5plugins: Updated test1.go example file

 1 file changed, 2 insertions(+), 2 deletions(-)

Press ENTER or type command to continue


然后你可以再用 :Gstatus 检查结果并用 :Gpush 把新的提交推送到远程。


  1 # On branch master

  2 # Your branch is ahead of 'origin/master' by 1 commit.

  3 #   (use "git push" to publish your local commits)

  4 #

  5 nothing to commit, working tree clean


Vim Fugitive 的 GitHub 项目主页有很多屏幕录像展示了它的更多功能和工作流,如果你喜欢它并想多学一些,快去看看吧。


接下来?


这些 Vim 插件都是程序开发者的神器!还有另外两类开发者常用的插件:自动完成插件和语法检查插件。它些大都是和具体的编程语言相关的,以后我会在一些文章中介绍它们。


你在写代码时是否用到一些其它 Vim 插件?请在评论区留言分享。



推荐阅读

(点击标题可跳转阅读)

Vim 利剑常磨,见血封喉

时至 2018 年,还有必要学 Vim 吗?

增强 Vim 编辑器,提高编辑效率



关注「程序员的那些事」加星标,不错过圈内事

喜欢就点一下「好看」呗~

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存