关于前端html,css,js的vimrc配置建议

 

 

第一步：

在自己的工作目录下（如html工作目录）创建一个.vim目录，一个.vimrc文件

 

第二步：

将下列代码粘贴至.vimrc中

  1 "配合emmmit-vim的vimrc
  2 "这是对于html,css,js的自动补全,按下ctrl+x，接着ctrl+o，进行JavaScript语法的自动完成功能
  3 set tabstop=4
  4 set autoindent
  5 set omnifunc=csscomplete#CompleteCSS
  6 set omnifunc=htmlcomplete#CompleteTags
  7 autocmd FileType css set omnifunc=csscomplete#CompleteCSS
  8 autocmd FileType html set omnifunc=htmlcomplete#CompleteTags
  9 set omnifunc=javascriptcomplete#CompleteJS
 10 autocmd FileType javascript set omnifunc=javascriptcomplete#CompleteJS
 11 
 12 "这是将<c-x><c-o>替换为<c-n>
 13 imap <c-n> <c-x><c-o>
~                                                                                                     
~                                                                                                     
~                                                                                                     
~                                                                                                     
~                                                                                                     
~                                                                                                     
~                                                                                                     
~                                                                                                     
~                                                                                                     
~                                                                                                     
-- 插入 --                                                                          12,35-29     全部

第三步：

安装vim-emmet

1.在.vim目录下创建一个temp目录用来下载,再创建一个文件夹plugin和autoload用来放插件

2.cd .vim/temp

3.git clone https://github.com/mattn/emmet-vim.git

4.把 plugin/emmet.vim 拷贝至 Vim 安装目录下的 plugin/ 文件夹。
将 autoload/ 下的 emmet.vim 和 emmet/ 文件夹拷贝至 Vim 安装目录下的 autoload/ 文件夹

5.测试

插入模式下输入一个感叹号'!'，然后<c,y>,(就是ctl+y+,)会自动生成html