03_界面美化与主题
本期目标: 界面美化与主题设置。
界面美化前: 美化后:
- 视频与目录
- 正片开始
- 设置终端字体解决乱码
- 关于插件下载加速
- 安装vim-airline
- 配置vim-airline
- 主题推荐
- 配置gruvbox-material
- 总结
如果你发现你显示的不是像我截图里的那样的,而是有乱码?之类的。那是因为字体的原因。 只要安装nerd-font字体,并设置终端模拟器的字体为nerd-font
。
以macOS为例。 使用Homebrew安装nerd-font字体,顺序运行如下命令行:
brew tap homebrew/cask-fonts
brew install font-hack-nerd-font --cask
设置iterm 设置Mac自带终端。
解决SpaceVim图标在termux中乱码 字体文件下载
把这个字体文件上传到 /data/data/com.termux/files/home/.termux/font.ttf
目录即可解决SpaceVim 乱码的问题。
没有乱码真舒服!
其他情况,就不举例啦,不管是什么终端模拟器,只要设置好字体就可以啦。
关于插件下载加速为了照顾访问github慢的朋友,我的packer默认通过https://hub.fastgit.org/
加速git的下载。如果感觉有没必须或者想换其他的节点可以自行修改default_url_format
的值。
--推荐的
default_url_format = 'https://hub.fastgit.org/%s'
--csdn速度稳定,但是很多冷门的项目没有
default_url_format = 'https://codechina.csdn.net/mirrors/%s'
安装vim-airline
packer插件管理器安装方法
修改~/.config/nvim/lua/plugins.lua
文件,并在use 'wbthomason/packer.nvim'
增加如下内容:
use {
"vim-airline/vim-airline",
requires = {
"vim-airline/vim-airline-themes",
--综合图标支持such vim-airline lightline, vim-startify
"ryanoasis/vim-devicons"
}
}
:wq
退出重新打开nvim后,执行:PackerInstall
安装成功后出现如下的界面。
packer.nvim - finished in 10.466s
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✓ Installed ryanoasis/vim-devicons
✓ Installed vim-airline/vim-airline
✓ Installed vim-airline/vim-airline-themes
Press 'q' to quit
Press '' to show more info
Press 'd' to show the diff
Press 'r' to revert an update
这个时候重新启动nvim发现界面已经发生变化了。
配置vim-airline这里把我的vim-airline配置分享出来。
创建以下文件
~/.config/nvim/after/plugin/airline.rc.vim
个人习惯把各个插件的配置放到~/.config/nvim/after/plugin/
目录。
" vim-airline
let g:airline#extensions#tabline#enabled = 1
" 使用字体
let g:airline_powerline_fonts = 1
let g:airline#extensions#tabline#buffer_idx_mode = 1
nmap 1 AirlineSelectTab1
nmap 2 AirlineSelectTab2
nmap 3 AirlineSelectTab3
nmap 4 AirlineSelectTab4
nmap 5 AirlineSelectTab5
nmap 6 AirlineSelectTab6
nmap 7 AirlineSelectTab7
nmap 8 AirlineSelectTab8
nmap 9 AirlineSelectTab9
虽然~/.config/nvim/after/plugin/
目录的配置文件会自动加载,但是airline的配置需要更高的加载优先级。所以要在init.vim中手动引用一下。 编辑~/.config/nvim/init.vim
并增加下面一行。
source ~/.config/nvim/after/plugin/airline.rc.vim
目前的效果如下: 我的个人喜好,这个配置完成后。可以按
+数字
如:+1
切换到buffer 1 这样可以快速的切换buffer。平时开发中使用频率很高的快捷键。
主题非常多,萝卜白菜各有所爱。安装方法都是类似的,我这里做个演示。 我个人比较喜欢gruvbox主题风格。gruvbox-material是基于gruvbox二次开发的。
packer插件管理器安装方法: 修改~/.config/nvim/lua/plugins.lua
文件,并在use 'wbthomason/packer.nvim'
增加如下内容:
use "sainnhe/gruvbox-material"
:wq
退出重新打开nvim后,执行:PackerInstall
。
因为长期使用下来会切换多套主题,所以我习惯把主题相关的内容放到~/.config/nvim/colors
目录方便管理。
创建~/.config/nvim/colors/gruvbox_material.rc.vim
,内容如下:
" Important!!
if has('termguicolors')
set termguicolors
endif
" For dark version.
set background=dark
" For light version.
"set background=light
" Set contrast.
" This configuration option should be placed before `colorscheme gruvbox-material`.
" Available values: 'hard', 'medium'(default), 'soft'
let g:gruvbox_material_background = 'hard'
" 使用try,如果配色方案不存在,也不会报错
try
colorscheme gruvbox-material
catch /^Vim\%((\a\+)\)\=:E185/
" deal with it
endtry
编辑~/.config/nvim/init.vim
并增加下面一行。
source ~/.config/nvim/colors/gruvbox_material.rc.vim
做完这些配置,重启就可以看到效果啦!
本期教程结束,未完待续。。。