Vim 新手上路

Vim 初探
之前一直用的文本編輯器事Notepad++,IDE是Aptana,前者輕便實用,後者十分強大,搭配使用更是沒話說。當然還有很多強大的諸如IDEA等等。Vim這個強大的編輯器想不知道都難,可是一直沒去嘗試使用,總覺得配置好Vim是一件很複雜的事情,今天終於按捺不住那份渴望,嘗試了一下,終於無法自拔。

雖然我很out了,但是我想還是有很多Vim初學者徘徊在門外,抱著窺一窺的態度。我也就作為一個菜鳥,談談我的上路之旅吧。

1.Vim安裝

官網http://www.vim.org/download.php處下載適合的版本即可,因為我的公司工作平台是Win XP,所以我下的是GUI executable版本圖形化界面的版本gvim72.zip。

2.多語言亂碼問題

安裝好之後,我想第一要解決的問題是編碼問題。和所有的流行文本編輯器一樣,Vim 可以很好的編輯各種字元編碼的文件,這當然包括 UCS-2、UTF-8 等流行的 Unicode 編碼方式。然而不幸的是,和很多來自 Linux 世界的軟體一樣,這需要你自己動手設置。一般的,vim打開中文文件時會出現亂碼,原因比較複雜,這裡不羅嗦了。就說說我的配置吧。Vim的配置問題存在於安裝路徑的根目錄,比如我安裝在D:\Program Files\Vim,_vimrc文件就是它的配置文件,以下所描述的配置信息皆寫到這個文件里。

"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
" => 配置多語言環境
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
if has("multi_byte")
    set encoding=utf-8
    set termencoding=utf-8
    set formatoptions+=mM
    set fencs=utf-8,gbk
 
    if v:lang =~? '^\(zh\)\|\(ja\)\|\(ko\)'
        set ambiwidth=double
    endif
 
    if has("win32")
	"處理菜單及右鍵菜單亂碼
        source $VIMRUNTIME/delmenu.vim
        source $VIMRUNTIME/menu.vim
        source $VIMRUNTIME/mswin.vim
        behave mswin
        language messages zh_CN.utf-8 "處理consle輸出亂碼
    endif
else
    echoerr "Sorry, this version of (g)vim was not compiled with +multi_byte"
endif

Vim配置文件裡面半形的”是注釋。多語言環境編碼的配置取自明城的Vim的配置。

3.字體的設置

寫代碼,好看的字體很重要。不管是什麼,好看的東西都很重要。好看,能帶給人愉悅感,寫代碼也不例外。我用的是大名鼎鼎的Yahei Consolas Hybrid修改字體,中文字體是雅黑,代碼字體么自然是Consolas。 Consolas字體原本是微軟為 Visual Studio 2005和2008用戶提供的,原版只是單獨的英文字體,不含中文。因此在中文環境下顯示會是「宋體」+Consolas 的組合,難看至極。而這個修改版替換了雅黑作為中文字體,美觀度自然是宋體有所提高,當然也是因人而異。要下載字體可以戳這裡下載。
然後在配置里加入以下代碼來指定字體

set guifont=YaHei_Consolas_Hybrid:h12:cANSI "h12表示的是字型大小大小

3.配色方案

在用notepad++的時候,我一直最中意monokai這個配色,在Vim下叫molokai,這是一款很知名的配色,至少我很喜歡,就是最頂端的那個截圖裡的配色啦。這款配色同樣可以戳這裡獲得。
然後你可以在配置里寫入以下代碼來指定你的界面為該配色

colorscheme molokai

4.一些插件和擴展

也許你同樣注意到了截圖中的那些花花綠綠背景色的東西,這個叫CSS color preview的擴展可以使css裡面的那些顏色具體化也就是表現出來,十分直觀。繼續戳這裡下載。
而代碼提示插件用的是AutoComplPop,還在使用DW或者aptana等一些工具的朋友們肯定對代碼彈出提示情有獨鍾,這款插件的功能可以說是有過之而無不及啊,當然如果你不喜歡這種自動的代碼提示的話可以不用裝。需要的朋友還是戳這裡下載。

Vim的強大之處當然不止本文說的這麼些皮毛,豐富的擴展插件讓其光芒不減。我還涉谷未深,這種新上上路的文章希望能給每個想加入Vim陣營的朋友們以幫助。今後會有更多的關於Vim的分享。歡迎收看!

65 Responses to Vim 新手上路

  1. Adam says:

    記得很久以前也裝過GVIM。
    現在Windows下一般用UltraEdit和Eclipse,可是工作需要,幾乎每天都要putty到伺服器使用vim,所以我也是vim的fan。

    推薦兩篇文章:
    http://www.61dh.com/tutorial/vim.html (來源互聯網,由我整理)
    http://www.61dh.com/blog/2008/11/vim.html (我寫的,不算是文章,只是兩個小技巧)

  2. Robin says:

    好文好文,蝸牛學習比我認真多了。 Adam的文章也不錯。
    一起學習vim吧 😆

  3. Jutoy says:

    有空我也試試這個~

  4. 萬戈 says:

    我還是習慣用notepad++

  5. 任平生 says:

    我在 Notepad++ 中也用的這個配色方案哈

  6. ZH CEXO says:

    一直想試,卻一直不敢試,有你這篇文章,可以開始試試啦 😳

  7. sosohehe says:

    習慣了用Visual Studio 雖然龐大臃腫 但是還好很方便的 連玩PHP的時候都裝了個VS.Php for Visual Studio 🙂

  8. zwwooooo says:

    試用過,但想上手的時候且在「上」的時候放「手」了 ➡

  9. bolo says:

    很好很強大,再發篇進階應用的文章吧,vim的文件對比和快捷鍵等我不懂

  10. welee says:

    我之前也安裝了 Vim,但它的編輯模式跟一般的不同,也不懂如何配置,結果就卸載了… 😥

  11. 不知道和Notepad++相比,有什麽特別之處的?

    如果能舉個例子就更好了。

  12. 5key says:

    我也試試好了。

  13. 我的名字又變了,哭死。。 😥

    頁面檢測的是瀏覽器的語言還是系統語言呀?

  14. janlay says:

    我用 slate2 配色方案 🙂

  15. theCaptain says:

    感覺Notepad++太輕量級了,Vim和Komodo Edit都值得試一試

  16. sleepy says:

    我已經三次學習vim了,可每次都。。。
    唉!

  17. inly says:

    我哪天實在需要了就試試.
    mark

  18. 小諾 says:

    你應該用 closetag 阿 戳這裡下載

  19. 小諾 says:

    不過要是 linux 用的話就沒有設置多語言亂碼的橋段了 哈哈哈。。

  20. 秦大少 says:

    用不上,支持下了!

  21. Bee君 says:

    適應比較困難….

  22. loo2k says:

    之前也是一隻在用notepad++編輯代碼,一直聽說VIM很強大。
    但是自己能力有限,折騰不過來 ❓ 一直裝在那裡沒動了。。。
    不會配置,有個tortoise指導下確實很不錯 😛
    thanks

  23. loo2k says:

    😮 tutorial居然打成tortoise了。。。
    記得這個單元的單詞表上的是tortoise 陸龜。。。

  24. alswl says:

    一直斷斷續續用Vim,定製功能太強了
    這兩個插件很好用啊,立馬下~

  25. 羽中 says:

    我是emeditor死忠 💡

  26. 仁心博客 says:

    這個的確很方便

  27. DADA says:

    很艷麗啊…

  28. Showfom says:

    這東西肯定不適合我,我還是用Emeditor吧……

  29. 醉生夢死 says:

    🙁 我還在用editplus,是不是很土

  30. Pingback: zdx Purified › 2010-03-05 推志

  31. Pingback: 在Vim下玩Zen Coding - Leeiio Chaos Made.

  32. bronco says:

    其實早就想著折騰一下Vim了,只是……各種各樣的原因吧反正 ❓
    現在又有好機會了 🙂 等你的後續文章哈~~

  33. 墨弦音 says:

    俺不是搞編程的,沒用用這麼高級的東西,但感覺不錯,回家下載玩玩。準備學習語言了

  34. Jason Lee says:

    Windows 下面推薦使用 E-Texteditor!

  35. Pingback: 再談談文本編輯器Vim - Leeiio Chaos Made.

  36. timmy says:

    CSS color preview這個插件怎麼安裝?
    按插件說明頁面上的複製到after/syntax目錄下好像不起作用

  37. 布布 says:

    寫的很好,我先學習一下

  38. Tom says:

    現在下來的雅黑字體放在哪個文件夾里啊?

  39. cers says:

    CSS color preview這個擴展怎麼安裝的呢,在vim/syntax/下面已經有一個css.vim的文件了,要覆蓋它嗎?

    • Leeiio says:

      看插件頁面說明 Save it locally under .vim/after/syntax/css.vim 有的話就覆蓋不確定你之前的css.vim的話先備份

  40. Pingback: 再談談文本編輯器Vim - IT牛人博客聚合

Leave a Reply

Your email address will not be published. Required fields are marked *