vim 编程-初探（一）

前言

鄙人也是半路才转到互联网行业，也是工作了才认识到 vim，细想：难道我之前编程只喜欢用大型 IDE？vscode？嗯，有一说一，他们的确能被打扮的非常好看，当我看到 vim 的时候，感觉这种编辑思想好难以接受...

现实当中使用 Vim 来写前端的人是少之又少，大多数人基本上都是使用 VSCode。但作为「编辑器之神」，不管使不使用 Vim 进行编码，学习 Vim 的编辑模式都是有好处的。

先放个图看一下我之前使用的 vim：

5hdPdj-m4ENfl

有这样的前提是：

终端：kitty
neovim：配置

不过我习惯使用了 vim 的编辑模式，于是我还是采用了 vscode + vim 的形式

vscode 给我提供了一些插件的辅助以及漂亮的 UI，而 vim 给我提高了编程效率

无论你采取哪一种形式，本文提供一些 vim 的编程技巧，目的是希望它的思想能给我们在编程当中提高效率

概念

与一般的编辑器最大的不同是，在 Vim 中有 4 种编辑模式，分别是：普通模式、插入模式、可视模式和命令行模式。使用 Vim 进行编辑就需要熟练的在各个模式之间进行切换。

vim-mode-129If4

普通模式：这算是 vim 的精髓了，将文本玩转于你我之间。

vim-normal-f0pFtY

上图左下角显示了普通模式 normal，j和k上下移动的意思

插入模式：该模式下和我们正常编辑器的功能差不多

vim-insert-L202r7

上图左下角显示了插入模式 insert，可以看到和正常编辑器大同小异

可视模式：可视模式一般用来选择字符或者按行选择，比如

vim-visual-GgmK2B

上图左下角显示了可视模式 visual，一般用来选择一些字符串进行复制、粘贴等行为

命令行模式：默认按下:触发，类似于可以输入一些命令进行一些行为操作，比如:q :wq等

vim-command-0ASvVW

上图的操作是退出 vim

简单配置

一般都自带有 Vim, 自带的都是基本的配置，而仓库中有一份比较不错的配置，在他的基础之上修改，即是一件不错的事情...

直接使用找一个开源已经配置好的方案，比如咱们上 github

地址：Github

接着看使用安装说明，举其中的一个例子：

git clone --depth=1 https://github.com/amix/vimrc.git ~/.vim_runtime
sh ~/.vim_runtime/install_awesome_vimrc.sh

我们根目录看一下.vimrc：

" DO NOT EDIT THIS FILE
" Add your own customizations in ~/.vim_runtime/my_configs.vim

set runtimepath+=~/.vim_runtime

source ~/.vim_runtime/vimrcs/basic.vim
source ~/.vim_runtime/vimrcs/filetypes.vim
source ~/.vim_runtime/vimrcs/plugins_config.vim
source ~/.vim_runtime/vimrcs/extended.vim
try
  source ~/.vim_runtime/my_configs.vim
catch
endtry

:set number

我们可以看到，~/.vim_runtime/my_configs.vim

我们可以在上面说的路径下创建一个my_configs.vim文件，然后按照官方文档中的说明进行添加等。比如，我随便找一个文档：阮一峰的网络日志-vim 配置入门

我们在my_configs.vim中添加：

set number
set mouse=a
" 将vim的寄存器和系统剪贴板关联
set clipboard=unnamed

可以看一下终端的效果：

vim配置-1-vhhuDw

鼠标的话，大家可以自己尝试测试一下...

小结

本文简单的介绍 vim 的四个模式，接下来我们就要尝试学习一下 vim 的高效行为操作。

参考

vim 编程-初探（一）