vim前端配置

VIM 插件管理器

Vundle

• 下载
  $ git clone https://github.com/VundleVim/Vundle.vim.git ~/.vim/bundle/Vundle.vim

• 配置插件
  在~/.vimrc文件中添加

  set nocompatible              " be iMproved, required
  filetype off                  " required
  
  " set the runtime path to include Vundle and initialize
  set rtp+=~/.vim/bundle/Vundle.vim
  call vundle#begin()
  " alternatively, pass a path where Vundle should install plugins
  "call vundle#begin('~/some/path/here')
  
  " let Vundle manage Vundle, required
  Plugin 'VundleVim/Vundle.vim'
  
  " The following are examples of different formats supported.
  " Keep Plugin commands between vundle#begin/end.
  " plugin on GitHub repo
  Plugin 'tpope/vim-fugitive'
  " plugin from http://vim-scripts.org/vim/scripts.html
  Plugin 'L9'
  " Git plugin not hosted on GitHub
  Plugin 'git://git.wincent.com/command-t.git'
  " git repos on your local machine (i.e. when working on your own plugin)
  Plugin 'file:///home/gmarik/path/to/plugin'
  " The sparkup vim script is in a subdirectory of this repo called vim.
  " Pass the path to set the runtimepath properly.
  Plugin 'rstacruz/sparkup', {'rtp': 'vim/'}
  " Install L9 and avoid a Naming conflict if you've already installed a
  " different version somewhere else.
  Plugin 'ascenator/L9', {'name': 'newL9'}
  
  " All of your Plugins must be added before the following line
  call vundle#end()            " required
  filetype plugin indent on    " required
  " To ignore plugin indent changes, instead use:
  "filetype plugin on
  "
  " Brief help
  " :PluginList       - lists configured plugins
  " :PluginInstall    - installs plugins; append `!` to update or just :PluginUpdate
  " :PluginSearch foo - searches for foo; append `!` to refresh local cache
  " :PluginClean      - confirms removal of unused plugins; append `!` to auto-approve removal
  "
  " see :h vundle for more details or wiki for FAQ
  " Put your non-Plugin stuff after this line  
  

• 安装插件
  打开vim，运行:PluginInstall

vim-jsbeautify

vim-jsbeautify

• 在~/.vimrc中添加
  Plugin 'maksimr/vim-jsbeautify'
• 打开vim，运行:PluginInstall

vim-javascript

vim-javascript

• • 在~/.vimrc中添加
    Plugin 'pangloss/vim-javascript'
• 打开vim，运行:PluginInstall

语法高亮配置

如果语法高亮没有生效，在.vimrc 加入以下3句：

syntax enable " enable syntax hightlight and completion
syntax on " syntax highlighing
filetype on " try to detect file types

emmet-vim

emmet-vim
还是一样的套路
Plugin 'mattn/emmet-vim'
教程网站http://mattn.github.io/emmet-vim/
中文教程https://www.zfanw.com/blog/zencoding-vim-tutorial-chinese.html

我的 .vimrc 配置文件

https://github.com/shaozj/vimrc