平时的工作中很喜欢研究编程工具，刚毕业那会做java开发一直都是用的Eclipse，Eclipse上手快集成的东西多，各种各样的插件供开发者选择，开发效率高。在工作的一年多时间里一直都是用的这个IDE，但是由于后来自己对javascript很感兴趣，平时就经常研究javascipt的一些代码，刚开始是在eclipse里面装一些开发js的插件，比如spkek，JSEclipse到后来的VJET等等。一次偶然的机会去新浪培训和他们的前端工程师交流，问他们工作中用什么工具来编码，他说我用的是vi。vi第一次听到这个开发工具，到后来查了下算是对vi有了一些了解，vi只能运行于unix，所以在windows下只能使用vim，然后就学习使用了一段时间，但是这个工具使用起来全是命令，所有的操作都几乎可以通过键盘操作来完成，不需要用鼠标。刚开始觉得好难用，因为工作中要求快速完成一个功能，所以就没有坚持使用下去，之后也反复尝试了几次但都没能坚持。
2011年最后一个月换了新工作，刚开始的两个月仍然是用Eclipse + spket来开发，有时候就想前端开发的主要任务就是html + css + js用Eclipse太大材小用了，就想继续使用vim，所以下载了最新版的gvim7.3然后在网上找各种配置，如何打造成一个开发js的ide，平时边用边搜集、总结、摸索，还有各种主题配色的筛选，经过两三个月的适应，还算习惯了在gvim下做前端开发工作，最后我还下载安装了Monaco字体，这种字体看起来比较舒服，win7默认是不支持这种字体的，所以需要下载安装，感兴趣的同学可以去谷歌找，这里我把自己配置的开发界面分享出来:-D
这就是我平时开发过程中的界面，我自己的配置与gvim默认配置的不同之处在于
| 功能描述 | 配置 | 备注 |
| 启动的时候不显示那个援助索马里儿童的提示 | set shortmess=atI | |
| windows下隐藏工具栏 | set guioptions-=T | |
| 把gui的菜单栏去掉 | set guioptions-=m | |
| 把gui左边的滑动条去掉 | set guioptions-=L | |
| 把gui右边的滑动条去掉 | set guioptions-=r | |
| 显示下方的横向滚动条 | set guioptions+=b | |
| windows下启动vim最大化 | autocmd GUIEnter * simalt ~x | |
| 设置不自动换行 | set nowrap | |
| 设置行号 | set number | |
| 设置字体 | set guifont=Monaco:h9 | windows下需要自己安装 |
| 设置底色 | set background=dark | |
| 设置主题 | :colorscheme molokai | 可能需要去自己下载 |
| 定义变量 $VIMFILES | let $VIMFILES = $VIM.'/vimfiles' | |
| 定义变量 $VIMDATA | let $VIMDATA = $VIMFILES.'/vimdata' | |
| 设置备份文件路径 |
set backupdir=$VIMDATA/backup set directory=$VIMDATA/temp |
默认是在文件所在路径创建，这样会可能把备份文件提交到svn或者git |
| 类似C语言程序的缩进 | set cindent | |
| 自动缩进，即为新行自动添加与当前行同等的缩进 | set autoindent | |
| 基于autoindent的一些改进 | set smartindent | |
| 搜索逐字符高亮，查询时非常方便，如要查找book单词，当输入到/b时，会自动找到第一 个b开头的单词，当输入到/bo时，会自动找到第一个bo开头的单词，依 次类推，进行查找时，使用此设置会快速找到答案，当你找要匹配的单词 时，别忘记回车 |
set hlsearch set incsearch |
|
| 打开语法高亮 | syntax on | |
| 自动缩进4个空格 | set shiftwidth=4 | |
| 定义tab所等同的空格长度 | set tabstop=4 | |
| 表示让tab的宽度显示成和4个空格的宽度一样，shiftwidth和tabstop不一样的话，你会发现程序比较难看的。 | set softtabstop=4 | |
| 高亮显示匹配的括号 | set showmatch | |
| 设置当文件从外部被改动时自动载入 | set autoread | |
| 设置不兼容模式 | set nocp | |
| 打开文件类型检测功能，它相当于文件类型检测功能的开关。在执行”filetype on“命令时，vim实际上执行的是$vimRUNTIME/filetype.vim脚本。这个脚本使用了自动命令(autocmd)来根据文件名来判断文件的类型，如果无法根据文件名来判断出文件类型，它又会调用$vimRUNTIME/scripts.vim来根据文件的内容设置文件类型。 | filetype on | |
| 允许vim加载文件类型插件。当这个选项打开时，vim会根据检测到的文件类型，在runtimepath中搜索该类型的所有插件，并执行它们。实际上是执行$vimRUNTIME/ftplugin.vim脚本 | filetype plugin on | |
| 允许vim为不同类型的文件定义不同的缩进格式。这条命令也是通过一个脚本来完成加载：$vimRUNTIME/indent.vim。和”filetype plugin on“类似，它也通过设置自动命令，在runtimepath的indent子目录中搜索缩进设置。对c类型的文件来说，它只是打开了cindent选项。 | filetype indent on | |
| Python 文件的一般设置，比如不要tab等 | autocmd FileType python setlocal et sta sw=4 sts=4 | |
| 正在被编辑的文件的编码，它也决定新文件的编码。如果为空，表示与encoding相同。如果与encoding不同，vi将会在保存和读取时做二者之间的转换。 | set fileencoding=utf-8 | |
| 供vi尝试的编码列表，vi会逐个尝试每一项，如果没有发生错误，就设置当前的fileencoding为与该项相同的值。如果均失败，fileencoding将为空。 | set fileencodings=ucs-bom,utf-8,cp936,gb18030,big5,euc-jp,euc-kr,latin1 | |
| 设置记录的历史操作列表 | set history=1000 | |
| 行内替换 | set gdefault | |
| 语言设置 |
set langmenu=zh_CN.UTF-8 set helplang=cn |
|
| 状态行显示的内容（包括文件类型和解码） |
set statusline=%F%m%r%h%w\ [FORMAT=%{&ff}]\ [TYPE=%Y]\ [POS=%l,%v][%p%%]\ %{strftime(\"%d/%m/%y\ -\ %H:%M\")} |
|
| 总是显示状态行(默认值为1, 无法显示状态栏) | set laststatus=2 | |
| 打开光标的行列位置显示功能 | set ruler | |
| 命令行（在状态行下）的高度，默认为1，这里是2 | set cmdheight=2 | |
| 带有如下符号的单词不要被换行分割 | set iskeyword+=_,$,@,%,#,- | |
| 字符间插入的像素行数目 | set linespace=0 | |
| 增强模式中的命令行自动完成操作 | set wildmenu | |
| 使回格键（backspace）正常处理indent, eol, start等 | set backspace=2 | |
| 允许backspace和光标键跨越行边界 | set whichwrap+=<,>,h,l | |
| 可以在buffer的任何地方使用鼠标（类似office中在工作区双击鼠标定位） |
set mouse=a set selection=exclusive set selectmode=mouse,key |
|
| 在被分割的窗口间显示空白，便于阅读 | set fillchars=vert:\ ,stl:\ ,stlnc:\ | |
| 匹配括号高亮的时间（单位是十分之一秒） | set matchtime=5 | |
| 启动vim时不要自动折叠代码 | set foldlevel=100 | |
| ctags安装路径 | let Tlist_Ctags_Cmd='"D:\ctags58\ctags.exe"' | ctags下载地址 |
| 打开javascript折叠 | let b:javascript_fold=1 | |
| 打开javascript对dom、html和css的支持 | let javascript_enable_domhtmlcss=1 | |
| minibufexpl插件的一般设置 |
let g:miniBufExplMapWindowNavVim=1 let g:miniBufExplMapWindowNavArrows=1 let g:miniBufExplMapCTabSwitchBufs=1 let g:miniBufExplModSelTarget=1 |
|
| 配置WinManager | let g:winManagerWindowLayout='FileExplorer|TagList|BufExplorer' | |
| 这里设置左侧栏目的宽度 | let g:winManagerWidth=35 | |
| 映射F8键为开关Winmanager | nmap <F8> :WMToggle<cr> | |
| NERDTree插件 | map <F10> :NERDTreeToggle<CR> | |
| jslint插件 | let g:jslint_command='D:\jsl-0.3.0\jsl.exe' | jstLint下载地址 |
以上就是我平时工作中经常用的一些命令配置。