视频与目录
项目 | 值 |
---|---|
教程目录 | https://blog.csdn.net/lxyoucan/article/details/120641546 |
视频全屏 | https://www.bilibili.com/video/BV1sh411H7JE/ |
视频 |
03_界面美化与主题 |
正片开始
本期目标:
界面美化与主题设置。
界面美化前:
美化后:
设置终端字体解决乱码
如果你发现你显示的不是像我截图里的那样的,而是有乱码?之类的。那是因为字体的原因。
只要安装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 '<CR>' 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 <leader>1 <Plug>AirlineSelectTab1
nmap <leader>2 <Plug>AirlineSelectTab2
nmap <leader>3 <Plug>AirlineSelectTab3
nmap <leader>4 <Plug>AirlineSelectTab4
nmap <leader>5 <Plug>AirlineSelectTab5
nmap <leader>6 <Plug>AirlineSelectTab6
nmap <leader>7 <Plug>AirlineSelectTab7
nmap <leader>8 <Plug>AirlineSelectTab8
nmap <leader>9 <Plug>AirlineSelectTab9
虽然~/.config/nvim/after/plugin/
目录的配置文件会自动加载,但是airline的配置需要更高的加载优先级。所以要在init.vim中手动引用一下。
编辑~/.config/nvim/init.vim
并增加下面一行。
source ~/.config/nvim/after/plugin/airline.rc.vim
目前的效果如下:
我的个人喜好,这个配置完成后。可以按<leader>+数字
如:<leader>+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
。
配置gruvbox-material
因为长期使用下来会切换多套主题,所以我习惯把主题相关的内容放到~/.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
做完这些配置,重启就可以看到效果啦!
总结
本期教程结束,未完待续。。。