如何让 vim 成为我们的神器

作者:枫上雾棋
来源:https://segmentfault.com/a/1190000011466454
如何让 vim 成为我们的神器

Vim 是一个上古神器,刚刚接触的同学可能很难驾驭,本篇文章主要带领大家 快速入门,并 持续分享 当前流行的一些 vim-plugin

安装

sudo apt-get install vim // Ubuntu

新手指南

vimtutor // vim 教程

移动光标

# hjkl
# 2w 向前移动两个单词
# 3e 向前移动到第 3 个单词的末尾
# 0 移动到行首
# $ 当前行的末尾
# gg 文件第一行
# G 文件最后一行
# 行号+G 指定行
# <ctrl>+o 跳转回之前的位置
# <ctrl>+i 返回跳转之前的位置
/<ctrl>/<ctrl>

退出

#  进入正常模式
# :q! 不保存退出
# :wq 保存后退出

删除

# x 删除当前字符
# dw 删除至当前单词末尾
# de 删除至当前单词末尾,包括当前字符
# d$ 删除至当前行尾
# dd 删除整行
# 2dd 删除两行

修改

# i 插入文本
# A 当前行末尾添加
# r 替换当前字符
# o 打开新的一行并进入插入模式

撤销

# u 撤销
# <ctrl>+r 取消撤销
/<ctrl>

复制粘贴剪切

# v 进入可视模式
# y 复制
# p 粘贴
# yy 复制当前行
# dd 剪切当前行

文件

# :e! 强制刷新该文件
# <ctrl>+g 显示当前行以及文件信息

/<ctrl>

查找

# / 正向查找(n:继续查找,N:相反方向继续查找)
# ? 逆向查找
# % 查找配对的 {,[,(
# :set ic 忽略大小写
# :set noic 取消忽略大小写
# :set hls 匹配项高亮显示
# :set is 显示部分匹配

替换

# :s/old/new 替换该行第一个匹配串
# :s/old/new/g 替换全行的匹配串
# :%s/old/new/g 替换整个文件的匹配串

折叠

# zc 折叠
# zC 折叠所有嵌套
# zo 展开折叠
# zO 展开所有折叠嵌套

执行外部命令

# :!shell 执行外部命令

字体

# <ctrl> - 缩小
# <ctrl> shift + 放大

# <ctrl> 0 还原
/<ctrl>/<ctrl>/<ctrl>

分屏

$ Ctrl+W v // 左右
$ Ctrl+W s // 上下
# 移动光标
$ Ctrl+W h/j/k/l // 左/上/下/右
# 移动分屏
$ Ctrl+W H/J/K/L // 左/上/下/右
# 修改屏幕尺寸
$ Ctrl+W =/+/-

基本配置

.vimrc 是 Vim 的配置文件,需要我们自己创建

cd
touch .vimrc

取消备份

set nobackup
set noswapfile

文件编码

set encoding=utf-8

查找

set ic
set hls
set is

显示行号

set number 

显示光标当前位置

set ruler

设置缩进

set cindent
set tabstop=2
set shiftwidth=2

突出显示当前行

set cursorline

左下角显示当前 vim 模式

set showmode

代码折叠

set nofoldenable

主题

syntax enable
set background=dark
colorscheme solarized
  • altercation/vim-colors-solarized
  • Anthony25/gnome-terminal-colors-solarized

插件配置

使用 vim-plug 管理插件

树形目录

如何让 vim 成为我们的神器

如何让 vim 成为我们的神器

如何让 vim 成为我们的神器

代码,引号,路径补全

Plug 'Valloric/YouCompleteMe'
Plug 'Raimondi/delimitMate'
Plug 'Shougo/deoplete.nvim', { 'do': ':UpdateRemotePlugins' }
  • Valloric/YouCompleteMe
  • Raimondi/delimitMate
  • Shougo/deoplete.nvim

语法高亮,检查

如何让 vim 成为我们的神器

  • w0rp/ale
  • sheerun/vim-polyglot

文件,代码搜索,打开最近打开的文件

如何让 vim 成为我们的神器

  • kien/ctrlp.vim
  • ggreer/the_silver_searcher
  • rking/ag.vim
  • vim-scripts/mru.vim

加强版状态栏

如何让 vim 成为我们的神器

  • itchyny/lightline.vim

代码注释

如何让 vim 成为我们的神器

  • scrooloose/nerdcommenter

git

Plug 'airblade/vim-gitgutter'
Plug 'tpope/vim-fugitive'
  • airblade/vim-gitgutter
  • tpope/vim-fugitive

Markdown

Plug 'suan/vim-instant-markdown'
Plug 'junegunn/goyo.vim'
Plug 'amix/vim-zenroom2'
let g:instant_markdown_slow = 1
let g:instant_markdown_autostart = 0
# :InstantMarkdownPreview
# :Goyo
  • suan/vim-instant-markdown
  • junegunn/goyo.vim
  • amix/vim-zenroom2

Emmet

如何让 vim 成为我们的神器

  • mattn/emmet-vim

html 5

Plug 'othree/html5.vim'
  • othree/html5.vim

css 3

如何让 vim 成为我们的神器

Plug 'hail2u/vim-css3-syntax'
Plug 'ap/vim-css-color'
augroup VimCSS3Syntax

autocmd!
autocmd FileType css setlocal iskeyword+=-
augroup END
  • hail2u/vim-css3-syntax
  • ap/vim-css-color

JavaScipt

如何让 vim 成为我们的神器

  • pangloss/vim-javascript

js-beautify

Plug 'maksimr/vim-jsbeautify' 

autocmd FileType html noremap <buffer> :call HtmlBeautify()
/<buffer>
  • js-beautify

React

Plug 'mxw/vim-jsx'
let g:jsx_ext_required = 0
  • mxw/vim-jsx

Prettier

如何让 vim 成为我们的神器

  • prettier/vim-prettier

自动规范化中文排版

Plug 'hotoo/pangu.vim'
# :Pangu
  • hotoo/pangu.vim

总结

最后,提供 to-vim-tmux-zsh 仓库可供参考,其中,除包含 vim 的配置,还有 tmux 和 zsh 的分享


分享到:


相關文章: