Vim常用外掛程式 前端開發工具系列

2022-04-04 19:20:30 字數 2064 閱讀 4889

作為一名開發者,應該對編輯器之神vim與神之編輯器emacs有所耳聞吧。編輯器之戰的具體細節有興趣的童鞋可以google之。

vim最大的特點是開啟速度快,功能強大,一旦掌握了其中的命令,程式設計過程雙手就不需要離開鍵盤了。

用習慣了vim的另乙個好處是在linux下可以很輕鬆地用vi來處理檔案,當然emacs也可以做預設編輯器,但是不是每台機器都有安裝emacs。

mark.vim主要的功能是變數的高亮。

選中要高亮的詞,使用 \m 來使其高亮,多個詞的高亮會顯示為不同的顏色,在不需要查詢的時候以及**review的時候使用效果還是挺不錯的,

使用\n可以去除所選的詞的高亮。

更多詳情可以點選外掛程式主頁了解。

ps: 查詢單詞可以使用 * 這個命令來進行快速搜尋

zencoding.vim 後來改名為emmet.vim,主要功能是實現**的快速編寫。

具體教程可以參見官方的**

個人感受是做頁面重構的時候用得比較多,通過命令可以快速生成html的結構,提高了前端開發的生產力。

ctrlp.vim主要功能是對檔案以及buffer進行模糊查詢,快速開啟檔案。

操作例項如下圖所示:

在知道檔名的情況下,使用ctrl + p開啟此外掛程式,輸入檔名,實則是檔名開頭幾個字母就可以快速開啟檔案。

ps:如果當前的檔案已經儲存好,那麼會直接替換成搜尋到的檔案,如果沒有儲存的,會進行視窗的分隔類似與sp的命令。

所以在對比檔案的情況下我一般會用vsp來分割視窗或者tabnew乙個新的tab,再開啟新的檔案。

如果需要查其他目錄或者忘記了檔名的話,就可以使用下面的外掛程式nerd_tree了。

nerd_tree.vim主要功能是一款檔案瀏覽器,可以檢視檔案目錄結構開啟相應的檔案。

具體演示如下圖所示:

我是使用繫結的快捷鍵f4來開啟檔案瀏覽器,游標在檔案瀏覽器中可以用jk來移動,回車鍵可以開啟檔案,按q可以退出檔案瀏覽器。

neocomplcache.vim主要功能是進行**補全,

優點是對上下文進行索引,結果儲存到快取中,自動補全的效率比較高,另外匹配的也比較精準。

補全效果如下圖展示:

im中的**補全外掛程式比較多,一般補全的智慧型性依賴於外掛程式的字典,變數快取機制。

從這點看neocomplcache也是挺不錯的,另外智慧型讀讀取路徑的功能也是挺贊的。

multiple_cursors.vim的主要功能是多游標多行編輯。

主要效果可以見下面的:

在沒有這款外掛程式前,原生命令一般是進行塊操作,在可視模式下對多行進行操作。步驟比較冗長,也容易出錯,

這款外掛程式可真謂利器啊,同時它還支援正則的操作呢。

commentary.vim主要功能是可以批量注釋單行或多行以及去除注釋;

繫結退格鍵,選擇多行可以直接以/**/的形式注釋**

最後,幾款外掛程式都是在前端開發中經常用到的,還有很多功能,原生的一些命令還是可以做的,

另外用vim還有乙個好處是從寫c到寫php再到寫js,都可以用同乙個編輯器,還是挺方便的。

快捷鍵神馬的自己在vimrc中配置即可,

打造自己的ide的過程雖然折騰,但是之後使用的過程還是挺爽的呢~~~~

前端開發工具

sublime webstorm 具有關於js 的瀏覽器相容提示 chrome batarang angular的除錯外掛程式 git小烏龜 nodejs 壓縮和混淆工具 npm 自動安裝工具 grunt 合併和混淆工具 常用 bower 依賴管理工具 不建議使用 http server輕量級ser...

C 開發工具的常用外掛程式

格式化 1,sourcestyler c 2,sourceformatx c 3,uncrustify code beautifier vs輔助外掛程式 visual assistx 格式化工具 一般是 formatx 如果希望檢視大規模 的工具 可以用source insight。不過這個linu...

C 開發工具的常用外掛程式

格式化 1,sourcestyler c 2,sourceformatx c 3,uncrustify code beautifier vs輔助外掛程式 visual assistx 格式化工具 一般是 formatx 如果希望檢視大規模 的工具 可以用source insight。不過這個linu...