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牛人博客聚合()