Vim和Emacs一个称为神之编辑器一个被称为编辑器之神,固然很是夸张,但也足以说明这两 款软件的优秀和在程序员界的地位。但是它们都已漫长的学习曲线让人望而生畏,阻止了大 多数人进入。作为一名几乎完全使用Vim写各种代码、文档的人,我想把我自己平时使用的 插件和配置整理下来,方便自己的总结和归纳,如果能有幸帮助到一些想学习Vim但是又不知 道如何入门的人来说,那就再荣幸不过了。
在下面的内容中,我会介绍我使用的插件、Vim的配置,最后如果你觉得这些配置手动太麻烦 的话,我推荐你看我的另一篇文章(从零搭建和配置OSX开发环境), 在那篇文章的末尾,我给出了一个自动化配置和管理Vim的方法。
先贴一张我的Vim的截图:
你看的到的插件
从上面那种截图中肉眼能看到的插件说起,把整个界面按照左窗口、主窗口、右窗口和下窗 口命名,依次介绍出现在这个窗口中的主要插件。
主窗口
作为一款主要用于书写代码的文本编辑器,一个足够舒服、靓丽的配色当然是首要考虑的。 我使用的配色主题是molokai(官方地址),在 你安装好了这个插件之后,你需要下面几行配置应用它:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | " Switch syntax highlighting on, when the terminal has colors if (t_Co > 2 || has( "gui_running" )) && !exists( "syntax_on" ) syntax on endif " Javascript syntax hightlight syntax enable " Set syntax highlighting for specific file types autocmd BufRead,BufNewFile Appraisals set filetype=ruby autocmd BufRead,BufNewFile *.md set filetype=markdown autocmd Syntax javascript set syntax=jquery " Color scheme colorscheme molokai highlight NonText guibg= #060606 highlight Folded guibg= #0A0A0A guifg=#9090D0 |
另外一个推荐的vim主题是solarized(官方地址)。
在选定了一个适合自己的主题之后,就需要一些配置去解决排版的问题,比如字符编码和缩 进等问题。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | " Backspace deletes like most programs in insert mode set backspace=2 " Show the cursor position all the time set ruler " Display incomplete commands set showcmd " Set fileencodings set fileencodings=utf-8,bg18030,gbk,big5 filetype plugin indent on " Softtabs, 2 spaces set tabstop=2 set shiftwidth=2 set shiftround set expandtab " Display extra whitespace set list listchars=tab:»·,trail:· " Make it obvious where 80 characters is set textwidth=80 set colorcolumn=+1 " Numbers set number set numberwidth=5 set matchpairs+=<:> set hlsearch |
在第68行,水平和垂直方向分别有一条高亮条,这是用来表示我当 前光标所处于的行和列 用的。实现它,只需要几行简单的配置就可以了:
1 2 3 4 | " Highlight current line au WinLeave * set nocursorline nocursorcolumn au WinEnter * set cursorline cursorcolumn set cursorline cursorcolumn |
关于代码补全
有些人可能已经发现了,在我的主窗口中没有演示代码补全的功能,我需要对此做一个说明。 我本人不喜欢过于强大的代码补全,所以默认的对于我来说已经完全足够了,如果你需要使 用更强大的代码补全,我推荐你使用YouCompleteMe(官方地址)。
左窗口
左窗口是一个用于浏览目录结构的插件nerdtree(官方地址)。 同样一些简单的配置之后,它便能为你提供一个方便够用的功能。
1 2 3 4 5 6 7 8 9 10 11 12 13 | " NERD tree let NERDChristmasTree=0 let NERDTreeWinSize=35 let NERDTreeChDirMode=2 let NERDTreeIgnore=[ '~$' , '.pyc$' , '.swp$' ] let NERDTreeShowBookmarks=1 let NERDTreeWinPos= "left" " Automatically open a NERDTree if no files where specified autocmd vimenter * if !argc() | NERDTree | endif " Close vim if the only window left open is a NERDTree autocmd bufenter * if (winnr( "$" ) == 1 && exists( "b:NERDTreeType" ) && b:NERDTreeType == "primary" ) | q | endif " Open a NERDTree nmap <F5> :NERDTreeToggle<cr> |
右窗口
在我的截图中,右窗口陈列出了我当前打开的rb文件中申明的类、变量及方法等等。这是一 款名叫tagbar的插件,它为我们提供了一个简单的方式去浏览当前文件的结构,并且支持 在各个标签之间快捷的跳转。同理,安装之后,需要一些配置:
1 2 3 4 | " Tagbar let g:tagbar_width=35 let g:tagbar_autofocus=1 nmap <F6> :TagbarToggle<CR> |
如果你发现默认的Tagbar不能支持你的语言,比如Css, Clojure, Markdown等等,你可以 参照这篇文章为它提供额外的支持。
下窗口
下窗口包含了两个部分:一个是用于全局搜索的窗口和一个状态条。
全局搜索是一个基于文件名的搜索功能,可以快速定位一个文件。这是ctrlp这个插件提 供的功能。下面是ctrlp的一些配置:
1 2 3 | " ctrap set wildignore+=* /tmp/ *,*.so,*.swp,*.zip,*.png,*.jpg,*.jpeg,*.gif " MacOSX /Linux let g:ctrlp_custom_ignore = 'v[/].(git|hg|svn)$' |
ctrlp默认会使用grep进行搜索,效率低且慢。所以,我使用了ag去替换默认的搜索 功能。ag是一款轻量级的搜索工具,速度非常快。为了集成ag,需要添加下列配置:
1 2 3 4 5 6 7 8 | if executable( 'ag' ) " Use Ag over Grep set grepprg=ag --nogroup --nocolor " Use ag in CtrlP for listing files. let g:ctrlp_user_command = 'ag %s -l --nocolor -g ""' " Ag is fast enough that CtrlP doesn't need to cache let g:ctrlp_use_caching = 0 endif |
下面状态条中会依次显示:当前模式、Git分支、文件路径、文件是否保存以及当前所载行和 列的信息。这是通过vim-powerline来实现的。其中显示Git信息需要配合vim-fugitive插件一些使用。
1 2 | set laststatus=2 " Always display the status line set statusline+=%{fugitive #statusline()} " Git Hotness |
小结
通过以上的配置,你就可以拥有一些如第一张图所示的那样,看起来还不错的编辑器。当然, Vim之所以如此倍受推崇,只是依靠这些还是远远不够的。接下来,我要介绍一些看不见的插 件来实实在在的提升Vim体验。
看不见的实用插件
现代化的插件管理
在我的另一篇文章中(从零搭建和配置OSX开发环境) ,我已经详细介绍过Vundle这个管理Vim插件的一个软件,这里不做过多介绍。
在Vim中执行你想要运行的命令
vim-run-interactive让你可以在Vim中执行几乎任何你想要在命令行中执行的命令。举例 来说,假设你有条git update的自定义命令,你可以通过:RunInInteractiveShell git update来执行它,而不需要退出Vim。添加一条配置,可以简化这个步骤:
1 2 | " Run commands that require an interactive shell nnoremap <Leader>r :RunInInteractiveShell<space> |
如此一来,你可以通过<Leader> + r + 命令键来激活执行命令。如果你不知道什么是Leader键,你可以去百度或者Google一下。
Vim的语法检查
Vim中有个很强大的语法检查插件,它支持几乎所有常用的语言的语法检测[syntastic(https://github.com/scrooloose/syntastic)]。 附上一张来自官方的截图:
为了让它更好的工作,同样需要一些配置:
1 2 3 4 5 6 7 8 9 | " configure syntastic syntax checking to check on open as well as save let g:syntastic_check_on_open=1 let g:syntastic_html_tidy_ignore_errors=[ " proprietary attribute "ng-" ] let g:syntastic_always_populate_loc_list = 1 let g:syntastic_auto_loc_list = 1 let g:syntastic_check_on_wq = 0 set statusline+=% #warningmsg# set statusline+=%{SyntasticStatuslineFlag()} set statusline+=%* |
wordpress网站迁移
JavaScript算法相关
文章阅读(三)
文章阅读(二)
Image():强制让图片缓存起来
JavaScript运算符与类型
JavaScript权威指南--多媒体和图形编程
JavaScript权威指南--脚本化HTTP
JavaScript权威指南--事件处理