5 個好用的開發者 Vim 外掛 | Linux 中國-知識星球

透過這 5 個外掛擴充套件 Vim 功能來提升你的編碼效率。

— Ricardo Gerardi

我用 Vim 已經超過 20 年了，兩年前我決定把它作為我的首要文字編輯器。我用 Vim 來編寫程式碼、配置檔案、部落格文章及其它任意可以用純文字表達的東西。Vim 有很多超級棒的功能，一旦你適合了它，你的工作會變得非常高效。

在日常編輯工作中，我更傾向於使用 Vim 穩定的原生功能，但開源社群對 Vim 開發了大量的外掛，可以擴充套件 Vim 的功能、改進你的工作流程和提升工作效率。

以下列舉 5 個非常好用的可以用於編寫任意程式語言的外掛。

1、Auto Pairs

Auto Pairs[1] 外掛可以幫助你插入和刪除成對的文字，如花括號、圓括號或引號。這在編寫程式碼時非常有用，因為很多程式語言都有成對標記的語法，就像圓括號用於函式呼叫，或引號用於字串定義。

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] 上找到），但最基本的功能已經很讓人省時間了。

2、NERD Commenter

NERD Commenter[3] 外掛給 Vim 增加了程式碼註釋的功能，類似在 IDEintegrated development environment 中註釋功能。有了這個外掛，你可以一鍵註釋單行或多行程式碼。

NERD Commenter 可以與標準的 Vim filetype[4] 外掛配合，所以它能理解一些程式語言並使用合適的方式來註釋程式碼。

最易上手的方法是按 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[5] 外掛可以幫你“環繞”現有文字插入成對的符號（如括號或雙引號）或標簽（如 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 程式碼：

Vim plugins are awesome !

當游標在 “awesome” 這個單詞的任何位置時，你可以按 ysiw 直接給它加上著重標簽（）：

Vim plugins are awesome

註意它聰明地加上了

閉合標簽。

Vim Surround 也可以用 ySS 縮排文字並加上標簽。比如你有以下文字：

Vim plugins are awesome

你可以用 ySS

加上 div 標簽，註意生成的段落是自動縮排的。

class=“normal”>
Vim plugins are awesome
!
Vim Surround 有很多其它選項，你可以參照 GitHub[6] 上的說明嘗試它們。

4、Vim Gitgutter

Vim Gitgutter[7] 外掛對使用 Git 作為版本控制工具的人來說非常有用。它會在 Vim 的行號列旁顯示 git diff 的差異標記。假設你有如下已提交過的程式碼：
1. 1 package main
2. 2
3. 3 import "fmt"
4. 4
5. 5 func main() {
6. 6 x := true
7. 7 items := []string{"tv", "pc", "tablet"}
8. 8
9. 9 if x {
10. 10 for _, i := range items {
11. 11 fmt.Println(i)
12. 12 }
13. 13 }
14. 14 }
當你做出一些修改後，Vim Gitgutter 會顯示如下標記：
1. 1 package main
2. 2
3. 3 import "fmt"
4. 4
5. _ 5 func main() {
6. 6 items := []string{"tv", "pc", "tablet"}
7. 7
8. ~ 8 if len(items) > 0 {
9. 9 for _, i := range items {
10. 10 fmt.Println(i)
11. + 11 fmt.Println("------")
12. 12 }
13. 13 }
14. 14 }
_ 標記表示在第 5 行和第 6 行之間刪除了一行。~ 表示第 8 行有修改，+ 表示新增了第 11 行。

另外，Vim Gitgutter 允許你用 [c 和 ]c 在多個有修改的塊之間跳轉，甚至可以用 Leader+hs 來暫存某個變更集。

這個外掛提供了對變更的即時視覺反饋，如果你用 Git 的話，有了它簡直是如虎添翼。

5、VIM Fugitive

Vim Fugitive[8] 是另一個將 Git 工作流整合到 Vim 中的超棒外掛。它對 Git 做了一些封裝，可以讓你在 Vim 裡直接執行 Git 命令並將結果整合在 Vim 介面裡。這個外掛有超多的特性，更多資訊請訪問它的 GitHub[9] 專案頁面。

這裡有一個使用 Vim Fugitive 的基礎 Git 工作流示例。設想我們已經對下麵的 Go 程式碼做出修改，你可以用 :Gblame 呼叫 git blame 來檢視每行最後的提交資訊：
1. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│ 1 package main
2. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│ 2
3. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│ 3 import "fmt"
4. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│ 4
5. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│_ 5 func main() {
6. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│ 6 items := []string{"tv", "pc", "tablet"}
7. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│ 7
8. 00000000 (Not Committed Yet 2018-12-05 18:55:00 -0500)│~ 8 if len(items) > 0 {
9. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│ 9 for _, i := range items {
10. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│ 10 fmt.Println(i)
11. 00000000 (Not Committed Yet 2018-12-05 18:55:00 -0500)│+ 11 fmt.Println("------")
12. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│ 12 }
13. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│ 13 }
14. e9949066 (Ricardo Gerardi 2018-12-05 18:17:19 -0500)│ 14 }
可以看到第 8 行和第 11 行顯示還未提交。用 :Gstatus 命令檢查倉庫當前的狀態：
1. 1 # On branch master
2. 2 # Your branch is up to date with 'origin/master'.
3. 3 #
4. 4 # Changes not staged for commit:
5. 5 # (use "git add ..." to update what will be committed)
6. 6 # (use "git checkout -- ..." to discard changes in working directory)
7. 7 #
8. 8 # modified: vim-5plugins/examples/test1.go
9. 9 #
10. 10 no changes added to commit (use "git add" and/or "git commit -a")
11. --------------------------------------------------------------------------------------------------------
12. 1 package main
13. 2
14. 3 import "fmt"
15. 4
16. _ 5 func main() {
17. 6 items := []string{"tv", "pc", "tablet"}
18. 7
19. ~ 8 if len(items) > 0 {
20. 9 for _, i := range items {
21. 10 fmt.Println(i)
22. + 11 fmt.Println("------")
23. 12 }
24. 13 }
25. 14 }
Vim Fugitive 在分割的視窗裡顯示 git status 的輸出結果。你可以在該行按下 - 鍵用該檔案的名字暫存這個檔案的提交，再按一次 - 可以取消暫存。這個資訊會隨著你的操作自動更新：
1. 1 # On branch master
2. 2 # Your branch is up to date with 'origin/master'.
3. 3 #
4. 4 # Changes to be committed:
5. 5 # (use "git reset HEAD ..." to unstage)
6. 6 #
7. 7 # modified: vim-5plugins/examples/test1.go
8. 8 #
9. --------------------------------------------------------------------------------------------------------
10. 1 package main
11. 2
12. 3 import "fmt"
13. 4
14. _ 5 func main() {
15. 6 items := []string{"tv", "pc", "tablet"}
16. 7
17. ~ 8 if len(items) > 0 {
18. 9 for _, i := range items {
19. 10 fmt.Println(i)
20. + 11 fmt.Println("------")
21. 12 }
22. 13 }
23. 14 }
現在你可以用 :Gcommit 來提交修改了。Vim Fugitive 會開啟另一個分割視窗讓你輸入提交資訊：
1. 1 vim-5plugins: Updated test1.go example file
2. 2 # Please enter the commit message for your changes. Lines starting
3. 3 # with '#' will be ignored, and an empty message aborts the commit.
4. 4 #
5. 5 # On branch master
6. 6 # Your branch is up to date with 'origin/master'.
7. 7 #
8. 8 # Changes to be committed:
9. 9 # modified: vim-5plugins/examples/test1.go
10. 10 #
按 :wq 儲存檔案完成提交：
1. [master c3bf80f] vim-5plugins: Updated test1.go example file
2. 1 file changed, 2 insertions(+), 2 deletions(-)
3. Press ENTER or type command to continue
然後你可以再用 :Gstatus 檢查結果並用 :Gpush 把新的提交推送到遠端。
1. 1 # On branch master
2. 2 # Your branch is ahead of 'origin/master' by 1 commit.
3. 3 # (use "git push" to publish your local commits)
4. 4 #
5. 5 nothing to commit, working tree clean
Vim Fugitive 的 GitHub 專案主頁有很多螢幕錄影展示了它的更多功能和工作流，如果你喜歡它並想多學一些，快去看看吧。

接下來？

這些 Vim 外掛都是程式開發者的神器！還有另外兩類開發者常用的外掛：自動完成外掛和語法檢查外掛。它些大都是和具體的程式語言相關的，以後我會在一些文章中介紹它們。

你在寫程式碼時是否用到一些其它 Vim 外掛？請在評論區留言分享。

via: https://opensource.com/article/19/1/vim-plugins-developers

作者：Ricardo Gerardi[11] 選題：lujun9972 譯者：pityonline 校對：wxy

本文由 LCTT 原創編譯，Linux中國榮譽推出

譯者/pityonline

贊賞

長按二維碼向我轉賬

受蘋果公司新規定影響，微信 iOS 版的贊賞功能被關閉，可透過二維碼轉賬支援公眾號。
閱讀原文

已推薦到看一看

你的朋友可以在“發現”-“看一看”看到你認為好看的文章。

取消
推薦

我知道了

已取消，“好看”想法已同步刪除

知道了

已推薦到看一看和朋友分享想法

最多200字，當前共字

已傳送

朋友將在看一看看到

分享你的想法…

分享想法到看一看

</div><br /> <p><span class=”like_comment_msg” id=”js_b_like_comment_msg” style=”visibility: hidden;”>最多200字，當前共<span id=”js_b_like_current_cnt”/>字</span><br /> </div><br /> </div><br /> <div class=”like_comment_primary_mask” id=”js_mask_2″/><br /> </div><br /> <div id=”js_loading” style=” display: none;”><br /> <div class=”weui-mask_transparent”/><br /> <div class=”weui-toast”><br /> <i class=”weui-loading weui-icon_toast”/></p><br /> <p class=”weui-toast__content”>傳送中</p><br /> </div><br /> </div><br /> <div id=”js_fail” style=”display:none”><br /> <div class=”weui-mask”/><br /> <div class=”weui-dialog”><br /> <div class=”weui-dialog__bd”><br /> 網路異常，請稍後重試 </div><br /> <div class=”weui-dialog__ft”><br /> <a class=”weui-dialog__btn weui-dialog__btn_primary” href=”javascript:;” id=”js_fail_inform”>知道了</a><br /> </div><br /> </div><br /> </div><br /> <div class=”weui-desktop-popover weui-desktop-popover_pos-up-center weui-desktop-popover_img-text” id=”js_pc_weapp_code” style=”display: none;”><br /> <div class=”weui-desktop-popover__content”><br /> <div class=”weui-desktop-popover__desc”><br /> <img id=”js_pc_weapp_code_img”/><br /><br /> 微信掃一掃<br/>使用小程式<span id=”js_pc_weapp_code_des”/> </div><br /> </div><br /> </div><br /> <div id=”js_minipro_dialog” style=”display:none;”><br /> <div class=”weui-mask”/><br /> <div class=”weui-dialog”><br /> <div class=”weui-dialog__bd”>即將開啟”<span id=”js_minipro_dialog_name”/>”小程式</div><br /> <div class=”weui-dialog__ft”><br /> <a class=”weui-dialog__btn weui-dialog__btn_default” href=”javascript:void(0);” id=”js_minipro_dialog_cancel”>取消</a><br /><br /> <a class=”weui-dialog__btn weui-dialog__btn_primary” href=”javascript:void(0);” id=”js_minipro_dialog_ok”>開啟</a><br /> </div><br /> </div><br /> </div><br /> </div><br /> <div class=”state”>本站僅按申請收錄文章，版權歸原作者所有<br/>如若侵權，請聯絡本站刪除</div><br /> <p></span></code></section><br /> </li><br /> </ol><br /> </pre><br /> </div><br />

5 個好用的開發者 Vim 外掛 | Linux 中國

朋友將在看一看看到

分享想法到看一看

相關推薦

熱門標籤

熱門文章

分享創造快樂