vim添加美化样式插件(二)


vim如何管理插件和安装插件可以看上一篇文章。

安装Airline,美化底部菜单栏

在.vimrc中添加如下:

Plug 'vim-airline/vim-airline'		" 美化底部插件
Plug 'vim-airline/vim-airline-themes'	" 主题插件

配置项:

" airline
let g:airline#extensions#tabline#enabled = 1                " 设置开启tab样式
let g:airline#extensions#tabline#formatter = 'jsformatter'  " 设置默认tab栏样式

" airline-theme
"let g:airline_theme='solarized'
let g:airline_theme='angr'              " 好像还是比较喜欢这个颜色

配置插件之前的tab栏和命令行样式:

配置插件之后的样式:

美化插件地址:vim-airline

插件主题地址:vim-airline-theme

安装Startify,美化启动界面

在.vimrc中添加如下:

Plug 'mhinz/vim-startify'

不需要其他的额外配置了,安装完成后,保存退出vim重进后就可以看到变化了。

美化前:

美化后的效果如下,其中列出了最近常用的文件也可以自己添加文件标签等等。

Startify 地址:vim-startify

安装gruvbox,美化vim主题样式

查看当前的vim主题样式: :colorscheme ,默认是default

查看当前vim的所有主题样式:colorscheme

在.vimrc中添加如下:

Plug 'morhetz/gruvbox'

配置项(写在plug#end后面):

set background=dark
let g:gruvbox_italic=1
colorscheme gruvbox

美化后效果:

我目前在使用的样式是vim-hybrid, 将代码拉下来之后找到~/.vim目录。,放入到~/.vim/下即可,然后在colorscheme中就可以查找到并设置样式。

同样也可以在.vimrc中安装:

Plug 'w0ng/vim-hybrid'

同时添加一行代码:

colorscheme hybrid

安装indentline,代码缩进

在.vimrc中添加如下:

Plug 'yggdroot/indentline'

美化前样式:

美化后样式:

目前为止的vimrc配置文件:

let mapleader = ','
set number  			" 显示行号
set relativenumber		" 显示相对行号
set incsearch           " 实时开启搜索高亮
set hlsearch			" 搜索结果高亮
set autoindent			" 自动缩进
set smartindent			" 智能缩进
set tabstop=4			" 设置tab制表符号所占宽度为4
set softtabstop=4		" 设置按tab时缩进宽度为4
set shiftwidth=4		" 设置自动缩进宽度为4
set expandtab			" 缩进时将tab制表服转为空格
set smartcase           " 开启智能大小写查找
set encoding=utf-8      " Use UTF-8.
set showcmd             " Display incomplete commands.
set clipboard=unnamedplus " 开启系统剪切板
set cursorline          " 高亮当前行
set ignorecase          " 设置忽略大小写
set smartcase           " 设置智能大小写
set ruler               " 设置显示当前位置
" set autoread
filetype on			" 开启文件类型检测
filetype plugin indent on  " 开启文件类型插件检测
syntax on 			" 开启语法高亮

" 插件管理
call plug#begin('~/.vim/plugged')

" style start
Plug 'vim-airline/vim-airline'
Plug 'vim-airline/vim-airline-themes'

Plug 'mhinz/vim-startify'

Plug 'morhetz/gruvbox'
" style end

" markdown start
Plug 'suan/vim-instant-markdown'
Plug 'tpope/vim-markdown'
" markdown end

" syntax start
" 语法补全插件
Plug 'valloric/youcompleteme'
" syntax end

" code start
Plug 'yggdroot/indentline'
Plug 'pangloss/vim-javascript'
" code end
call plug#end()

" 设置主题
"set background=dark
"let g:gruvbox_italic=1
"colorscheme gruvbox
colorscheme hybrid

" vim-instant-markdown
let g:instant_markdown_allow_unsafe_content = 1
let g:instant_markdown_autoscroll = 0 " 自动滚动到输入位置

" tpope/vim-markdown
let g:markdown_fenced_languages = ['html', 'python', 'bash=sh','javascript','css','java','c']
let g:markdown_minlines = 100

" airline
let g:airline#extensions#tabline#enabled = 1                " 设置允许修改默认tab样式
let g:airline#extensions#tabline#formatter = 'jsformatter'  " 设置默认tab栏样式

" airline-theme
"let g:airline_theme='solarized'
let g:airline_theme='angr'              " 好像还是比较喜欢这个颜色