作者:枫上雾棋
来源:https://segmentfault.com/a/1190000011466454
![如何让 vim 成为我们的神器](http://p2.ttnews.xyz/loading.gif)
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 成为我们的神器](http://p2.ttnews.xyz/loading.gif)
代码,引号,路径补全
Plug 'Valloric/YouCompleteMe'
Plug 'Raimondi/delimitMate'
Plug 'Shougo/deoplete.nvim', { 'do': ':UpdateRemotePlugins' }
- Valloric/YouCompleteMe
- Raimondi/delimitMate
- Shougo/deoplete.nvim
语法高亮,检查
- w0rp/ale
- sheerun/vim-polyglot
文件,代码搜索,打开最近打开的文件
- kien/ctrlp.vim
- ggreer/the_silver_searcher
- rking/ag.vim
- vim-scripts/mru.vim
加强版状态栏
- itchyny/lightline.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
- mattn/emmet-vim
html 5
Plug 'othree/html5.vim'
- othree/html5.vim
css 3
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
- 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
- prettier/vim-prettier
自动规范化中文排版
Plug 'hotoo/pangu.vim'
# :Pangu
- hotoo/pangu.vim
总结
最后,提供 to-vim-tmux-zsh 仓库可供参考,其中,除包含 vim 的配置,还有 tmux 和 zsh 的分享
閱讀更多 程序員聖經 的文章