【開發工具】vim編輯器實用技巧總結

總結一些我們在平時使用vim編輯器的一些實用功能，後續會一直更新。

1.  visual外掛程式

visual外掛程式其實相當於一個書籤作用，比如我們在一篇很長的原始碼檔案中，我們可以標記一行，然後後來我們再想回到這一行時，只需要一個快速鍵就能迅速定位到這一行，非常方便，不用不停地往上或往下翻。

1.1  常用命令

1.  mm標記一個標籤；
2.  F2回到被標記的那一行；
3.  連續按兩次mm就可以取消標籤；
4.  shift+F2可以在幾個標籤來回切換；

2.  emmet.vim外掛程式

emmet.vim外掛程式主要是用來提高你編寫html/css代碼的速度，現在主要說下html的代碼，後續加上css代碼的快捷命令。

2.1  常用命令

1.  產生代碼：Ctrl +y後兩手鬆開再按逗號；
2.  產生標籤：例如<div></div>，只需在檔案中輸入div後，這個時候不要切換vim的模式，還是在正常模式下按1中的快速鍵就可產生；
3.  產生含有某個類的標籤：如<div class="tuanfe"></div>，輸入div.tuanfe，再按1中的快速鍵；
4.  產生含有某個id的標籤：如<div id="j-tuanfe"></div>，輸入div#tuanfe，再按1中的快速鍵；
5.  產生一個新的html文檔：html:5，再按1中的快速鍵；

6.  產生含有內容的標籤：如<div>tuanfe</div>；div{tuanfe}+快捷揵；
7.  產生嵌套的標籤：如<div><a></a></div>, div>a+快速鍵；

8.  產生兄弟標籤：如<div></div><p></p>, div+p ，再按1中的快速鍵；
9.  產生多個標籤：如<ul><li></li><li></li></ul>, ul>li*3 ，再按1中的快速鍵；
10.  產生含有次序類的標籤：如<ul><li class="item1"</li><li class="item2"></li></ul>, ul>li.item$*3，再按1中的快速鍵；

3.  檔案操作

1.  :new 檔案名稱.尾碼，建立後記得使用:w儲存，否則直接關閉不會產生檔案；如果你錄入了內容，關閉的時候會提醒你儲存；
2.  刪除檔案所有東西，方法1用ggdG；方法2用 :%d；
3.  複製，yaw複製單詞，單行複製：yy，多行複製：在開如行按shift+v，選中要複製的行後ctrl+c；
4.  移動，G 移動到檔案末尾 ，gg 移動到檔案開頭，:0 移動到檔案第一行 ，:$ 移動到檔案最後一行；
5.   多行縮排，按v進入visual狀態，選擇多行，用>或<縮排或縮出；
6.  撤消與恢複，按u撤消，ctrl+r 是恢複你剛才撤銷的動作；
7.  注釋，1-5行加//：:1,5 s/^/\/\//g，給全部內容注釋：:% s/^/\/\//g。

4. 垂直劃分視窗1. :vsplit    將當前游標所在檔案劃分為兩個視窗進行顯示，當一個檔案很長時，我們可以在一個視窗中變更檔的同時在另一個視窗中同時看到該檔案的其他部分；2. :vsplit tuanfe.js    以垂直視窗的形式開啟tuan.js檔案；3. :vertical new  建立一個空檔案，並在垂直視窗中開啟；4. ctrl+w+h: 向左切換視窗；5. ctrl+w+l: 向右切換視窗。