VIM前端开发工具配置

     平时的工作中很喜欢研究编程工具,刚毕业那会做java开发一直都是用的Eclipse,Eclipse上手快集成的东西多,各种各样的插件供开发者选择,开发效率高。在工作的一年多时间里一直都是用的这个IDE,但是由于后来自己对javascript很感兴趣,平时就经常研究javascipt的一些代码,刚开始是在eclipse里面装一些开发js的插件,比如spkekJSEclipse到后来的VJET等等。一次偶然的机会去新浪培训和他们的前端工程师交流,问他们工作中用什么工具来编码,他说我用的是vi。vi第一次听到这个开发工具,到后来查了下算是对vi有了一些了解,vi只能运行于unix,所以在windows下只能使用vim,然后就学习使用了一段时间,但是这个工具使用起来全是命令,所有的操作都几乎可以通过键盘操作来完成,不需要用鼠标。刚开始觉得好难用,因为工作中要求快速完成一个功能,所以就没有坚持使用下去,之后也反复尝试了几次但都没能坚持。

  2011年最后一个月换了新工作,刚开始的两个月仍然是用Eclipse + spket来开发,有时候就想前端开发的主要任务就是html + css + js用Eclipse太大材小用了,就想继续使用vim,所以下载了最新版的gvim7.3然后在网上找各种配置,如何打造成一个开发js的ide,平时边用边搜集、总结、摸索,还有各种主题配色的筛选,经过两三个月的适应,还算习惯了在gvim下做前端开发工作,最后我还下载安装了Monaco字体,这种字体看起来比较舒服,win7默认是不支持这种字体的,所以需要下载安装,感兴趣的同学可以去谷歌找,这里我把自己配置的开发界面分享出来:-D

VIM前端开发工具配置_第1张图片

 

这就是我平时开发过程中的界面,我自己的配置与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下载地址

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

以上就是我平时工作中经常用的一些命令配置。

 

 

 

你可能感兴趣的:(前端开发)