作中学之Vim实践教程

作中学之学用学用Vim

Vim

Vim是一个很是好的文本编辑器,不少专业程序员使用Vim编辑代码,即便之后你不编写程序,只要跟文本打交道,都应该学学Vim,能够浏览参考一下普通人的编辑利器——Vim这篇文章,看看Vim能够如何用。css

Vim学习曲线很是陡峭,各类编辑器学习曲线以下图(有调侃的意思):html

学习曲线

Vim跟五笔打字很相似,不会的时候好象很高大上,感受学起来很难,其实否则。我建议你们经过“作中学”来学习Vim,你会发现Vim学起来至关简单,掌握三五个命令就能够用起来了。具体来讲经过VimTUTOR甚至玩游戏(Vim大冒险PacVim)来学习。前端

玩游戏去Vim大冒险PacVim通关就学会了Vim。git

VimTUTOR是个实践教程,经过实践30分钟让你对Vim编辑器入门,只要在命令行中输入Vimtutor,而后跟着教程练习就能够了。以下图:程序员

vimtutor

vimtutor界面

而后你能够把这张图作计算机的桌面背景,参考《简明 Vim 练级攻略》天天学习一两个键,一两周就能够很好的用Vim了:
vimgithub

IT相关的同窗能够看看程序员专用的Vim键盘图:web

vim-programmer

程序员有几个键提示一下:shell

  • 大写“K”能够用来查找函数的帮助信息:查看 man page,命令模式下,将光标放在函数名上,按"K"能够直接察看 man page。
  • 几个设置
    • :set nu 显示行号
    • :set ai 自动缩行
    • :set ts=4 设置一个 TAB 键等于几个空格
  • 移动光标
    • [[ 转到上一个位于第一列的"{"
    • ]] 转到下一个位于第一列的"{"
    • { 转到上一个空行
    • } 转到下一个空行
  • gd 转到当前光标所指的局部变量的定义
  • 一个项目中总会有多个文件,多文件操做是编程必备技能
    • 多buffer: vi a.c b.c c.c
      • :e filename 进入Vim后,打开其余文件
      • :n, :N 先后切换
      • :bn, :bp 先后循环切换
      • :files:buffers:ls 能够列出目前缓冲区中的全部文件
        • + 表示缓冲区已经被修改过了的文件
        • # 表明上一次编辑的文件
        • % 是目前正在编辑中的文件
        • :b 文档名或编号 切换至该文件
    • 多view: vi -o a.c b.c c.c
      • :spilit(:sp), :vspilit(:vsp) 切分view
      • Ctrl+w, w 循环view切换
      • Ctrl+w,方向键 切换到前/下/上/后一个view
      • Ctrl+w,h/j/k/l 切换到前/下/上/后一个view
      • Ctrl+w,= 让上下左右view等宽等高
      • Ctrl+w,_ 当前view高度扩展到最大
      • Ctrl+w,| 当前view宽度扩展到最大
      • Ctrl+w,c:关闭当前view
    • 多 tab(较少用)
      • :tabnew [++opt选项] [+cmd] file 新tab中打开文件
      • :tabc 关闭当前的tab
      • :tabo 关闭其余的tab
      • :tabs 查看全部打开的tab
      • :tabn 切换到后一个tab
      • :tabp 切换到前一个tab
      • ngt 切换到后n个tab
      • ngT 切换到前n个tab

Vim配置

刚安装好的Vim是难看又难用,经过配置和安装插件,Vim能够变成神器。编程

~/.Vimrc是Vim的配置文件,经过.Vimrc文件你能够控制Vim的外观、字体、操做方式、快捷键、插件属性等。vim

上面提到几个设置:

  • :set nu 显示行号
  • :set ai 自动缩行
  • :set ts=4 设置一个 TAB 键等于几个空格

每次打开Vim都这么设置也是很烦人的,咱们能够把这几行写入~/.Vimrc,这样打开Vi时就不用咱们一个一个的设置了。 ~/.Vimrc中能够设置

Vim 插件管理

做为一个老牌编辑器,Vim有近万个插件。所需即所获:像 IDE 同样使用 Vim经过定制,你彻底能够把Vim打形成IDE:

打造C/++ IDE, c.Vim是一个重要的插件,咱们以c.Vim说明一下Vim插件的下载、安装、使用、管理的问题。

~/.Vim目录是存放全部插件的地方。若是是第一次安装插件要经过 mkdir ~/.Vim 建立~/.Vim 目录。经过cd ~/.Vim 进入~/.Vim目录。

mkdir src
cd src
git clone https://github.com/WolfgangMehner/c-support.git
cp -r ./c-support/ ..

在配置文件中启用插件:

Vim ~/.Vimrc
filetype plugin on

使用前咱们使用vi ~/.Vim/c-support/templates/Templates编辑一下模板,主要是Author, Authorref,Email,Organizaiont,Company等:

咱们这时用vi hello.c来编辑C代码时,会自动插入文件说明:

咱们使用输入\im就能够生成main函数:

帮助文档参看~/.Vim/c-support/doc/c-hotkeys.pdf,经过下面的截图你能感觉到c.Vim功能的强大:

上面的命令不用死记硬背,经过作中学在实践中慢慢的掌握。

咱们也能够经过在线文档查找帮助。

若是想安装其它插件,Vim的官方插件在Vim Scripts,github上有个镜像Vim Plugins On GitHub

如上所示,Vim经过在 .Vim 目录中预约义子目录管理全部插件,如子目录 doc存放插件帮助文档、plugin 存放通用插件脚本,用户将插件打包文档中的对应子目录拷贝至 .Vim/ 目录便可完成插件的安装。可是这样一锅粥的管理方式会致使一些问题:好比命名冲突,更新、卸载等管理复杂。现代的编辑器如AtomSublime Text的插件管理就很是好。

这个问题也有Vim插件来解决,Vim的插件管理有Pathogen,VundleVim-plug这些插件。Vundle应用比较广,想学的话下面的参考资料中有教程,咱们在这里使用小巧快速的Vim-plug

首先咱们下载 plug.Vim 并把它放在 ~/.Vim/autoload 目录。而后配置~/.Vimrc,加入一个Vim plug节:

  • 这个节以call plug#begin() 开始
  • 用Vim-plug的命令列出要安装的插件
  • plug#end() 结束这个节

好比,咱们安装c.Vim:

" 指定插件目录 (for NeoVim: ~/.local/share/nVim/plugged)
call plug#begin('~/.Vim/plugged')

" 注意:插件路径放到单引号中,下面是几个Vim-plug的命令例子

" github上的插件安装可使用简化引用: 好比安装fetches https://github.com/junegunn/Vim-easy-align 
" Plug 'junegunn/Vim-easy-align'

" 也可使用git URL 安装
"Plug 'https://github.com/junegunn/Vim-github-dashboard.git'

" 用|分隔能够在一行安装多个插件 
" Plug 'SirVer/ultisnips' | Plug 'honza/Vim-snippets'

" 安装c.Vim

Plug 'https://github.com/Vim-scripts/c.Vim.git'

" Initialize plugin system
call plug#end()

保存~/.Vimrc,从新打开Vim,使用:PlugInstall就能够安装~/.Vimrc中列出的插件了:

其余插件管理的命令以下:

这样,根据本身的需求就能够定制具备我的特点的Vim了。

Vim 经常使用插件

c.Vim

c.Vim 是C/C++程序员使用Vim必装的插件,咱们上面已经介绍了安装和使用的方法,经常使用的操做有

  • \im 插入主函数
  • \if 插入函数
  • \cfu 插入函数头,即函数说明
  • \cfr 插入一个frame comment,能够用来写变量说明
  • \p< 插入一个include , 而且把光标放在<>中
  • \rc 保存并编译
  • \rr 运行
  • \nr 能够在~/.Vim/c-support/codesnippets中编写一些预编译代码或者代码块,经过此命令使用

Emmet.Vim(HTML,CSS)

Emmet (Zen Coding的新版本) 是一个能大幅度提升前端开发效率的一个工具。
Emmet适用于编写HTML/XML 和 CSS 代码的前端开发人员。Emmet为大部分流行的编辑器都提供了安装插件,Emmet-Vim是Vim的Emmet插件。

Emmet-Vim的基本用法:先写简写形式,而后用"Ctrl+y+,"将其转成HTML代码
例入,先输入!html:5,而后按"Ctrl+y+,",就会扩展出来:

<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
    <title></title>
 </head>
 <body>

 </body>
 </html>

基本规则:

  • E 表明HTML标签
  • E#id 表明标签E有id属性
  • E.class 表明E有class属性
  • E[attr=foo] 表明某个特定属性
  • E{info} 表明标签E包含的内容是info
  • E>N 表明N是E的子元素
  • E+N 表明N是E的同级元素
  • E^N 表明N是E的上级元素

tabular

for Vim-markdown

Vim-markdown

need tabular

WebAPI.Vim

YouCompleteMe(自动补全)

Vim使用触类旁通

Vim有多牛?几乎全部的现代编辑器,IDE甚至浏览器都有Vim模式插件,下面是我使用过的一个不彻底列表。固然这些插件功能和Vim会差不少,但至少都会支持常见的编辑和移动。

  • Bash: 在.bashrc 中set -o vi,Bash中就能够像vi同样进行编辑和移动了
  • Vim for Firefox : 像Vim同样使用firefox。Vimperator 是一个Firefox浏览器扩展,可以使Firefox浏览器像Vim同样高效工做。在安装上 Vimperator以后,不管是 Firefox 的外观,仍是 Firefox的行为,都像极Vim。Vimperator还具备相似键盘绑定的功能,这使你可以灵活地使用热键来完成各类操做。
  • Vim for Chrome:像Vim同样使用Chrome, Vimium 这个名字实际上是 Vim 和 Chromium 的合体。
  • Vim for Atom:安装Vim Mode Plus Package
  • Vim for Notepad++:
  • Vim for Sublime:选择Preferences->Settings- Default, 在文本的最下面有一行 "ignored_packages": ["vintage"], ["vintage"]->[].

  • Vim for Intellj IDEA:File>Settings>Plugins>Install JetBrains plugin...,而后搜索安装IdeaVim插件。
  • Vim for Eclipse:Vrapper is an eclipse plugin which acts as a wrapper for existing eclipse text editors to provide a Vim-like input scheme for moving around and editing text.
  • Vim for Visual Studio:This is a Vim Emulation layer for Visual Studio 2010 and above. It integrates the familiar key binding experience of Vim directly into Visual Studio's editor.
  • ...

参考资料


欢迎关注“rocedu”微信公众号(手机上长按二维码)

作中教,作中学,实践中共同进步!

rocedu



若是你以为本文对你有帮助,请点一下左下角的“好文要顶”和“收藏该文

相关文章
相关标签/搜索