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的分享。歡迎收看!

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

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

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

    • @Robin 哈,我配置鼓搗地差不多了,接下來要好好開始應用並熟悉了。

  • 有空我也試試這個~

  • 我還是習慣用notepad++

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

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

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

    • @sosohehe 呃,Visual Studio沒用過,只用過Netbeans和aptana和eclipse

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

    • @zwwooooo 我之前也裝過無數次,也放棄了無數次,基本上是剛裝好打開軟體的時候放棄的

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

    • @bolo 應該會有一系列的文章,和大家一起成長哈

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

    • @welee 嗯,畢竟是vi過來的,linux的這種編輯模式不了解下可能會無從下手的

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

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

  • 我也試試好了。

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

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

  • 我用 slate2 配色方案 🙂

  • theCaptain

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

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

    • @sleepy 我這是第五次,之前裝好後一打開就放棄了。

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

  • 你應該用 closetag 阿 戳這裡下載

    • @小諾 自動補全標籤的插件么?我有一段配置的自執行腳本也可以實現類似功能。感謝推薦。

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

    • @小諾 呃,linux下不會遭遇亂碼問題么?

    • @Leeiio 倒也不是完全不會,只是 linux 默認的編碼是 UTF-8 所以很多時候就不會出太多問題,如果遇到編碼是GB2312或者GBK的文件,還需要轉一下。。不過也好轉啦 iconv 就搞定的

    • @小諾 呃,轉了不就改變原來文檔的編碼了啊…你到底裝了幾個版本的linux,這圖標老在變

  • 用不上,支持下了!

  • 適應比較困難….

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

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

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

  • 我是emeditor死忠 💡

    • @羽中 很久很久之前用過,後來覺得不順手就不用了。

  • 這個的確很方便

  • DADA

    很艷麗啊…

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

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

  • Pingback: zdx Purified › 2010-03-05 推志()

  • Pingback: 在Vim下玩Zen Coding - Leeiio Chaos Made.()

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

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

    • @墨弦音 那推薦你看看《普通人的vim》http://blog.sina.com.cn/s/blog_46dac66f010005kw.html

  • Windows 下面推薦使用 E-Texteditor!

  • Pingback: 再談談文本編輯器Vim - Leeiio Chaos Made.()

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

    • @timmy 起作用的啊,就是這麼安裝的

    • @Leeiio
      原來要放在vimfiles這個目錄下面,直接放在主程序根目錄下就無效了

  • 寫的很好,我先學習一下

  • Tom

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

  • cers

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

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

  • Pingback: 再談談文本編輯器Vim - IT牛人博客聚合()