1.Git Bash
由于Windows自带命令行的不友善，所以安装一个 Git Bash是必然的。
1.git bash 官网 下载。
2.让Window支持tree：tree命令可以直观让你看清文件结构
下载 GnuTree.exe 双击安装，一路下一步（注意安装路径里不要有空格，建议安装在 C:\GnuWin32
将 C:\GnuWin32\bin 添加到 PATH 里，添加方法如下：
Git Bash 添加方法
运行 touch ~/.bashrc; echo 'export PATH="$PATH:/c/GnuWin32/bin/"' > ~/.bashrc
重启 Git Bash
图形界面添加方法
在 Windows 的环境变量 PATH 里添加 C:\GnuWin32\bin
如果不知道 Windows 怎么添加环境变量 PATH，百度『Windows 环境变量 PATH』即可
然后你就可以运行 tree 命令了
2.Vim 安装以及Web环境搭建
1.Vim 下载 (这里一定要清楚自己下载的是32位还是64位，因为后面Vim搭建插件需要用到Python环境，而Python和Vim必须32--32或则64--64)
2.Vim的基础配置：参考链接(阮一峰的一篇文章)
3.安装Vim plug:(可选的Vim插管理器)参考Linux中国
)
/1安装和使用起来非常容易。你只需打开git bash并运行以下命令:(注意这里复制所有的内容)
curl -fLo ~/.vim/autoload/plug.vim --create-dirs \
https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim
/2.要安装插件。一般 Vim 的配置文件是 ~/.vimrc，请记住，当你在配置文件中声明插件时，列表应该以 call plug#begin(PLUGIN_DIRECTORY) 开始，并以 plug#end() 结束。例如，我们安装 “matten/emmet.vim” 插件。为此，请在 ~/.vimrc 的顶部添加以下行。
call plug#begin('~/.vim/plugged')**
这里面是插件
Plug 'matten/emmet.vim'**
call plug#end()**
打开 vim 编辑器：$ vim
检查状态：:PlugStatus
安装插件 ：:PlugInstall
更新插件：:PlugUpdate
新插件后，按下 d 查看更改.或者,你可以之后输入 :PlugDiff。
简单回滚有问题的插件：输入 :PlugDiff 命令，然后按回车键查看上次 :PlugUpdate的更改，并在每个段落上按 X 将每个插件回滚到更新前的前一个状态。
删除插件:删除一个插件删除或注释掉你以前在你的 vim 配置文件中添加的 plug 命令。然后，运行 :source ~/.vimrc 或重启 Vim 编辑器。最后，运行以下命令卸载插件：:PlugClean(该命令将删除 vim 配置文件中所有未声明的插件。)
升级 Vim-plug::PlugUpgrade
在 vim 配置文件中添加上面的行后，通过输入以下命令重新加载：:source ~/.vimrc**
或者打开vim：:PlugInstall**
4.设置Gvim的默认字体及大小。
我这里选择的是powerLine Github字体，下载方法：
# clone
git clone https://github.com/powerline/fonts.git --depth=1
--------------------------------------------------------------------------
注意上面是下载
# install
cd fonts
./install.sh
# clean-up a bit
cd ..
rm -rf fonts
windows用户直接进入你的下载目录，找到fonts里面你需要的powerLine字体然后拖到你电脑的fonts里面就ok。
配置Gvim打开的默认字体:其实Gvim通过编辑-->选择字体就可以编辑自己想要的字体，但是我发现每次关闭Gvim再打开的时候他不会保存你对它字体的变更。
下面是解决它的一个方法:参考链接
1.打开Gvim输入命令 :set guifont=* 选中你想要的字体及大小
2.:set guifont? 通过这个命令你可以得到如下字符串
3.:put =&guifont 方便你去复制
4.在你的vim配置文件vimrc里面添加如下代码
if has('gui_running')
set guifont=???? ---这里内容填上面第2步：set guifont?得到的内容
endif
好了Gvim的字体就ok。
5 安装Vundle插件管理器github库
管理员权限打开win cmd 进入你安装的Vim vimfiles文件目录
:mkdir bundle -----创建bundle文件夹
：git clone https://github.com/VundleVim/Vundle.vim.git---下载bundle
set nocompatible " be iMproved, required
filetype off " required
" set the runtime path to include Vundle and initialize --这里需要配置你安装的Vim的环境变量
比如你的环境变量是Vim ----C:\Program Files (x86)\Vim
set rtp+=~/.vim/bundle/Vundle.vim -----这里的~/.vim就换成$Vim/vimfiles
call vundle#begin()
" let Vundle manage Vundle, required
Plugin 'VundleVim/Vundle.vim'
call vundle#end() " required
filetype plugin indent on " required
Install Plugins:
常用命令
:PluginList - 查看已经安装的插件
:PluginInstall - 安装插件
:PluginUpdate - 更新插件
:PluginSearch - 搜索插件，例如 :PluginSearch xml就能搜到xml相关的插件
:PluginClean - 删除插件，把安装插件对应行删除，然后执行这个命令即可
:h: vundle - 获取帮助
6 Emmet 快速建立html树:github库
To install using [Vundle]:
" add this line to your .vimrc file
Plugin 'mattn/emmet-vim'
Launch vim and run :PluginInstall
7 Airline推荐的好看的界面 github库
Vundle安装 Plugin 'vim-airline/vim-airline'
8 editorconfig 统一编辑器代码风格 github库
Plugin 'editorconfig/editorconfig-vim'
Then remember to call :PluginInstall.
9 Nerdtree文件树菜单github库
Plugin 'scrooloose/nerdtree'
Plugin 'Xuyuanp/nerdtree-git-plugin'
参考
NERDTree 快捷键辑录
官方:所有命令及推荐映射
SolomonXie
10 vim-javascript 缩进和语法支持github库
Plugin 'pangloss/vim-javascript'
11 Fugitive git版本控制github库
Plugin 'tpope/vim-fugitive'
12 CSS-Color预览github库和github库
Plugin 'gko/vim-coloresque'
13 Solarized Colorscheme for Vimgithub库
Plugin 'altercation/vim-colors-solarized'
put the following two lines in your .vimrc:
syntax enable
set background=dark
colorscheme solarized
or
syntax enable
set background=light
colorscheme solarized
14 html5.vim github库
Plugin 'othree/html5.vim'
15 nerdcommenter github库
Plugin 'scrooloose/nerdcommenter'
16 vim-indentLine缩进线github库
Plugin 'Yggdroot/indentLine'