README.md

My GVim configuration for front-end developing

Setup

You can follow the steps below or just download the whole program (This project doesn't contain the vim73 folder).

1. Make a new folder.
   mkdir frank
2. Get my configuration files
   cd frank
git clone https://github.com/FrankFang/vim.git
   or download the zip file. than your folder looks like this:
   
   • frank
     • vim
       • vimfiles
       • _vimrc
       • README.md
       • gvim.reg
       • .gitignore
3. Download gvim73_46.zip and vim73_46rt.zip, and unzip it into the folder
   cp ...\gvim73_46.zip frank\gvim73_46.zip
cp ...\vim73_46rt.zip frank\vim73_46rt.zip
cd frank
unzip vim73_46rt.zip -d ./
unzip gvim73_46.zip -d ./
   than your folder looks like this:
   
   • frank
     • vim
       • vim73
       • vimfiles
       • _vimrc
       • README.md
       • gvim.reg
       • .gitignore

4. Run frank\vim\vim73\gvim.exe. 5. Hava fun.

Hotkeys

• <CTRL-s> / <CTRL-a> / <CTRL-c> / <CTRL-v> / <CTRL-x> : save / select all / copy / paste / cut, as you expected.
• ,nt : toggle NerdTree.
• ,tt : next tab.
• ,tl : open TaskList.
• ,m : add colorful mark; ,n : remove colorful mark.
• <space> : fold/unfold the code.
• Tab : complete the code automatically.
• ,js : format JaveScript.
• <CTRL-y>, : zen coding, you can change the shortcut in ~\vimfiles\plugin\zencoding.vim.
• <F4>c /<F4>f / <F4>e : open html/htm/shtml file in Chrome/Firefox/IE. It doesn't work unless you add their full path to Path, the environment variable.

P.S.

For better experience, you could

1. use Yahei Mono font.
2. Edit gvim.reg and run it.