zoukankan      html  css  js  c++  java
  • vim添加美化样式插件(二)

    vim如何管理插件和安装插件可以看上一篇文章vim添加vim-plug插件管理(一)

    安装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 <ctrl + d>

    在.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'              " 好像还是比较喜欢这个颜色
    
    
    有疑问或者问题,请留言,本人常在回复比较及时。
    作者:Cirry
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    Linux 磁盘管理
    Linux 特殊权限及if语句
    Linux find命令
    MySQL索引知识介绍
    MySQL库表设计小技巧
    教你用SQL实现统计排名
    Truncate用法详解
    utf8字符集下的比较规则
    关于Aborted connection告警日志的分析
    MySQL DDL详情揭露
  • 原文地址:https://www.cnblogs.com/cirry/p/15251804.html
Copyright © 2011-2022 走看看