爱前端

编辑器的vim模式使用

编辑器的vim模式使用

好早之前就有小伙伴推荐了编辑器的vim模式,一直没有使用,昨天公司的老师给我讲解了一下vim模式的使用,茅塞顿开啊,终于用上了这高大上的编辑模式,虽然现在还不是很熟练,后面多加使用会很快熟悉的。下面就针对vim模式做一些总结,欢迎小伙伴们提意见。

一、vim模式介绍:

接触 node 开发的小伙伴一定对终端都不陌生,mac上面的终端更是非常好用,使用终端就免不了要在终端里面编辑一些文件内容,虽然这种编辑方式我们不是非常推荐,但对于一些少量内容的更改与编辑,直接在终端编辑文件无疑是快速与便捷的。

在终端编辑文件不像我们在编辑器里面,可以随意使用鼠标或触摸板,来调整光标位置,应对这样的情况,vim里面一些快捷的编辑方式就显得尤为重要,熟悉后我们发现这些快捷的编辑方式使得不那么方便的终端编辑起来也方便快捷了许多。那我们可不可以把这些快捷的编辑方式放到我们日常的工作当中呢,答案是肯定的。

废话说了一堆,那到底怎么在编辑器里面使用呢?

二、vim 编辑模式:

3、vim 模式的使用

vim 模式的语法、快捷键基本都是一致的,所以使用起来比较方便快捷。这里推荐大家使用 vimtutor 教程来学习,我用的mac系统,通过 brew 来安装这个教程,命令为: brew install -g vimtutor 时,有的系统可能需要你使用root 权限来实现全局安装。

安装好后可以按照教程一步步练习,快捷键比较多,多多联系,多多使用,很快就能记住的。下面针对我自己的学习进行简单的总结:

4、vim 模式的快捷键

  • 基本操作
    • h:光标向左移动一个字符,相当于键盘的左键
    • l:光标向右移动一个字符,相当于键盘的右键
    • j:光标向下移动一行,相当于键盘的下键(上下键总混,把J记成鱼钩,朝下的,以后用就记住了 :))
    • k:光标向上移动一行,相当于键盘的上键
    • 0:回到行首
    • $:回到当前行的最后一个字符
    • ^:回到当前行第一个不为空的字符
    • g_:回到当前行最后一个不为空的字符
    • gg:回到文档头第一个字符
    • shift+g:回到文档末尾最后一个字符
    • ctrl+g:输入行号光标切换到所查找行
    • q:退出不保存
    • w:保存
    • wq:保存并退出
    • bn bp:可以打开多个文件,这两个命令用来切换上一个或下一个文件
  • 插入相关
    • i:切换到插入模式
    • o:在下方插入一行,并切换到插入模式
    • shift+o:在上方插入一行,并切换的插入模式
    • a:在光标后插入
    • shift+a:在当前行末尾插入
    • u:撤销上一次的操作
    • shift+u:撤销对整行的操作
    • e:光标切到所在单词的末尾,不过不会切换到编辑模式
  • 删除相关
    • dw:删除单词,光标需在单词首字母(会同时删除单词后的空格)
    • de:删除单词,光标需在单词首字母(不会删除单词后的空格)
    • d$:删除当前行光标后的内容,开始插入内容(会同时删除光标所在字符)
    • dd:删除当前行
    • x:删除光标所在的字符
    • d:操作前加数字,表示执行该操作的次数,例:2dw 即 删除两个单词
  • 查找相关
    • /keywords:n 查找多个匹配元素
    • ?keywords:n 反向查找多个匹配元素
    • :set xxx:可以设置 xxx 选项。一些有用的选项如下
      • ic:ignorecase 查找时忽略字母大小写
      • is:incsearch 查找短语时显示部分匹配
      • hls:hlsearch 高亮显示所有的匹配短语
    • :set noxxx:可以取消设置 xxx 选项。
    • %:光标在 (){}[] 中的一个上面,按%则光标移到与之匹配的括号上面(atom编辑器上面不好用)
    • * 和 #: 匹配光标当前所在的单词,移动光标到下一个(或上一个)匹配单词(* 是下一个,# 是上一个)

三、sublime text 的 vim 编辑模式:

相信大部分的前端工作者都使用或曾经使用过 sublime text 这个编辑器,小且快,是前端开发不可多得的利器之一。

1、设置vim模式

修改 Preference-Settings-User 文件,添加 "ignored_packages": [],保存后重启编辑器即设置好了vim编辑模式。

2、启动vim模式

启动非常的简单,在英文输入法下,按下ESC键,即开启了vim模式,看到编辑器上面的光标变换为vim模式的光标即设置成功了。

四、atom 的 vim 编辑模式:

atom 是giyhub开源的一款非常好用的小清新的编辑器,便于前端开发使用,我在上一篇文章中介绍过atom的插件,感兴趣的朋友可以去看看。传送门:实用的 atom 插件

1、设置vim模式

和sublime text 不同,atom 的vim 模式需要安装一个插件,vim-mode。安装启用后即可使用了。

2、启动vim模式

启动非常的简单,在英文输入法下,按下ESC键,即开启了vim模式,看到编辑器上面的光标变换为vim模式的光标即设置成功了。

后记:

vim 编辑相关的内容暂时整理了这么多,都是些基础用法,不过日常开发也基本够用了。还有很多高大上的用法没有总结到,小伙伴们可以自行去查阅,去探索更多的用法吧!