Vim 是一个上古神器&＃xff0c;本篇文章主要持续总结使用 Vim 的过程中不得不了解的一些指令和注意事项&＃xff0c;以及持续分享一个开发者不得不安装的一些插件&＃xff0c;而关于 Vim 的简介&＃xff0c;主题的选择&＃xff0c;以及为何使用 vim-plug 来管理插件等内容&＃xff0c;有兴趣的同学下来可以自己了解和对比下。
本文导航◈ 安装03%◈ 新手指南04%
◈ 移动光标05%◈ 退出08%◈ 删除08%◈ 修改10%◈ 撤销11%◈ 复制粘贴剪切12%◈ 状态13%◈ 查找13%◈ 替换15%◈ 折叠16%◈ 执行外部命令17%◈ .vimrc18%◈ 基本配置23%
◈ 取消备份23%◈ 文件编码23%◈ 显示行号24%◈ 取消换行24%◈ 显示光标当前位置25%◈ 设置缩进25%◈ 突出显示当前行26%◈ 查找27%◈ 左下角显示当前 vim 模式27%◈ 代码折叠28%◈ 主题29%◈ 插件配置32%
◈ 树形目录32%◈ 代码&＃xff0c;引号&＃xff0c;路径补全46%◈ 语法高亮&＃xff0c;检查50%◈ 文件&＃xff0c;代码搜索56%◈ 加强版状态栏59%◈ 代码注释63%◈ git69%◈ Markdown71%◈ Emmet74%◈ html 576%◈ css 377%◈ JavaScipt82%◈ React91%◈ Prettier93%◈ 总结97%
sudo apt-get install vim // Ubuntu
vimtutor // vim 教程
移动光标# hjkl
# 2w 向前移动两个单词
# 3e 向前移动到第 3 个单词的末尾
# 0 移动到行首
# $ 当前行的末尾
# gg 文件第一行
# G 文件最后一行
# 行号&＃43;G 指定行
#
#
退出#
# :q! 不保存退出
# :wq 保存后退出
删除# x 删除当前字符
# dw 删除至当前单词末尾
# de 删除至当前单词末尾&＃xff0c;包括当前字符
# d$ 删除至当前行尾
# dd 删除整行
# 2dd 删除两行
修改# i 插入文本
# A 当前行末尾添加
# r 替换当前字符
# o 打开新的一行并进入插入模式
撤销# u 撤销
#
复制粘贴剪切# v 进入可视模式
# y 复制
# p 粘贴
# yy 复制当前行
# dd 剪切当前行
文件# :e! 强制刷新该文件
#
查找# / 正向查找&＃xff08;n&＃xff1a;继续查找&＃xff0c;N&＃xff1a;相反方向继续查找&＃xff09;
# &＃xff1f; 逆向查找
# % 查找配对的 {&＃xff0c;[&＃xff0c;(
# :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&＃43;W v // 左右
$ Ctrl&＃43;W s // 上下# 移动光标
$ Ctrl&＃43;W h/j/k/l // 左/上/下/右# 移动分屏
$ Ctrl&＃43;W H/J/K/L // 左/上/下/右# 修改屏幕尺寸
$ Ctrl&＃43;W &＃61;/&＃43;/-
.vimrc 是 Vim 的配置文件&＃xff0c;需要我们自己创建
cd
touch .vimrc
取消备份set nobackup
set noswapfile
文件编码set encoding&＃61;utf-8
查找set ic
set hls
set is
显示行号set number
显示光标当前位置set ruler
设置缩进set cindentset tabstop&＃61;2
set shiftwidth&＃61;2
突出显示当前行set cursorline
左下角显示当前 vim 模式set showmode
代码折叠set nofoldenable
主题syntax enable
set background&＃61;dark
colorscheme solarized
使用 vim-plug 管理插件
https://github.com/junegunn/vim-plug
树形目录Plug &＃39;scrooloose/nerdtree&＃39;
Plug &＃39;jistr/vim-nerdtree-tabs&＃39;
Plug &＃39;Xuyuanp/nerdtree-git-plugin&＃39;autocmd vimenter * NERDTree
map
let NERDTreeMinimalUI &＃61; 1
let NERDTreeShowHidden &＃61; 1let g:nerdtree_tabs_open_on_console_startup &＃61; 1
let g:nerdtree_tabs_focus_on_files &＃61; 1let g:NERDTreeIndicatorMapCustom &＃61; {"Modified" : "✹","Staged" : "✚","Untracked" : "✭","Renamed" : "➜","Unmerged" : "═","Deleted" : "✖","Dirty" : "✗","Clean" : "✔︎",&＃39;Ignored&＃39; : &＃39;☒&＃39;,"Unknown" : "?"}# o 打开关闭文件或目录
# e 以文件管理的方式打开选中的目录
# t 在标签页中打开
# T 在标签页中打开&＃xff0c;但光标仍然留在 NERDTree
# r 刷新光标所在的目录
# R 刷新当前根路径
# X 收起所有目录
# p 小写&＃xff0c;跳转到光标所在的上一级路径
# P 大写&＃xff0c;跳转到当前根路径
# J 到第一个节点
# K 到最后一个节点
# I 显示隐藏文件
# m 显示文件操作菜单
# C 将根路径设置为光标所在的目录
# u 设置上级目录为根路径
# ctrl &＃43; w &＃43; w 光标自动在左右侧窗口切换
# ctrl &＃43; w &＃43; r 移动当前窗口的布局位置
# :tabc 关闭当前的 tab
# :tabo 关闭所有其他的 tab
# :tabp 前一个 tab
# :tabn 后一个 tab
# gT 前一个 tab
# gt 后一个 tab
代码&＃xff0c;引号&＃xff0c;路径补全Plug &＃39;Valloric/YouCompleteMe&＃39;
Plug &＃39;Raimondi/delimitMate&＃39;
Plug &＃39;Shougo/deoplete.nvim&＃39;, { &＃39;do&＃39;: &＃39;:UpdateRemotePlugins&＃39; }
语法高亮&＃xff0c;检查Plug &＃39;sheerun/vim-polyglot&＃39;
Plug &＃39;w0rp/ale&＃39;let g:ale_linters &＃61; {&＃39;Javascript&＃39;: [&＃39;eslint&＃39;],&＃39;css&＃39;: [&＃39;stylelint&＃39;],
}
let g:ale_fixers &＃61; {&＃39;Javascript&＃39;: [&＃39;eslint&＃39;],&＃39;css&＃39;: [&＃39;stylelint&＃39;],
}
let g:ale_fix_on_save &＃61; 1let g:ale_sign_column_always &＃61; 1
let g:ale_sign_error &＃61; &＃39;●&＃39;
let g:ale_sign_warning &＃61; &＃39;▶&＃39;nmap
nmap
文件&＃xff0c;代码搜索&＃xff0c;打开最近打开的文件Plug &＃39;rking/ag.vim&＃39;
Plug &＃39;kien/ctrlp.vim&＃39;
Plug &＃39;vim-scripts/mru.vim&＃39;let g:ag_highlight&＃61;1
let g:ag_working_path_mode&＃61;"r"# :Ag! contentset wildignore&＃43;&＃61;*.zip,*.exelet g:ctrlp_map &＃61; &＃39;
let g:ctrlp_custom_ignore &＃61; {&＃39;dir&＃39;: &＃39;v[/](node_modules|DS_Store|dist|build|coverage)|(.(git|hg|svn)$)&＃39;,&＃39;file&＃39;: &＃39;v.(exe|so|dll)$&＃39;,}#
#
let MRU_Window_Height &＃61; 15# :MRU
加强版状态栏Plug &＃39;itchyny/lightline.vim&＃39;let g:lightline &＃61; {&＃39;colorscheme&＃39;: &＃39;powerline&＃39;,&＃39;active&＃39;: {&＃39;left&＃39;: [ [ &＃39;mode&＃39;, &＃39;paste&＃39; ],[ &＃39;gitbranch&＃39;, &＃39;readonly&＃39;, &＃39;filename&＃39;, &＃39;modified&＃39;, &＃39;helloworld&＃39; ] ],&＃39;right&＃39;: [ [ &＃39;lineinfo&＃39; ],[ &＃39;percent&＃39; ],[ &＃39;fileformat&＃39;, &＃39;fileencoding&＃39;, &＃39;filetype&＃39; ] ]},&＃39;component&＃39;: {&＃39;helloworld&＃39;: &＃39;Hello, 枫上雾棋!&＃39;},&＃39;component_function&＃39;: {&＃39;gitbranch&＃39;: &＃39;fugitive#head&＃39;},}
代码注释Plug &＃39;scrooloose/nerdcommenter&＃39;#
#
#
#
#
#
#
#
#
let g:NERDDefaultAlign &＃61; &＃39;left&＃39;
let g:NERDCustomDelimiters &＃61; {&＃39;Javascript&＃39;: { &＃39;left&＃39;: &＃39;//&＃39;, &＃39;leftAlt&＃39;: &＃39;/**&＃39;, &＃39;rightAlt&＃39;: &＃39;*/&＃39; },&＃39;less&＃39;: { &＃39;left&＃39;: &＃39;/**&＃39;, &＃39;right&＃39;: &＃39;*/&＃39; }}let g:NERDAltDelims_Javascript &＃61; 1
let g:NERDDefaultNesting &＃61; 0
gitPlug &＃39;airblade/vim-gitgutter&＃39;
Plug &＃39;tpope/vim-fugitive&＃39;
MarkdownPlug &＃39;suan/vim-instant-markdown&＃39;
Plug &＃39;junegunn/goyo.vim&＃39;
Plug &＃39;amix/vim-zenroom2&＃39;let g:instant_markdown_slow &＃61; 1
let g:instant_markdown_autostart &＃61; 0
# :InstantMarkdownPreview# :Goyo
EmmetPlug &＃39;mattn/emmet-vim&＃39;let g:user_emmet_leader_key&＃61;&＃39;
let g:user_emmet_settings &＃61; {&＃39;Javascript.jsx&＃39; : {&＃39;extends&＃39; : &＃39;jsx&＃39;,},}
html 5Plug &＃39;othree/html5.vim&＃39;
css 3
Plug &＃39;hail2u/vim-css3-syntax&＃39;
Plug &＃39;ap/vim-css-color&＃39;augroup VimCSS3Syntaxautocmd!autocmd FileType css setlocal iskeyword&＃43;&＃61;-
augroup END
JavaSciptPlug &＃39;pangloss/vim-Javascript&＃39;let g:Javascript_plugin_jsdoc &＃61; 1
let g:Javascript_plugin_ngdoc &＃61; 1
let g:Javascript_plugin_flow &＃61; 1
set foldmethod&＃61;syntax
let g:Javascript_conceal_function &＃61; "ƒ"
let g:Javascript_conceal_null &＃61; "ø"
let g:Javascript_conceal_this &＃61; "&＃64;"
let g:Javascript_conceal_return &＃61; "⇚"
let g:Javascript_conceal_undefined &＃61; "¿"
let g:Javascript_conceal_NaN &＃61; "ℕ"
let g:Javascript_conceal_prototype &＃61; "¶"
let g:Javascript_conceal_static &＃61; "•"
let g:Javascript_conceal_super &＃61; "Ω"
let g:Javascript_conceal_arrow_function &＃61; "⇒"
let g:Javascript_conceal_noarg_arrow_function &＃61; "?"
let g:Javascript_conceal_underscore_arrow_function &＃61; "?"
set conceallevel&＃61;1
js-beautifyPlug &＃39;maksimr/vim-jsbeautify&＃39;autocmd FileType html noremap
ReactPlug &＃39;mxw/vim-jsx&＃39;let g:jsx_ext_required &＃61; 0
PrettierPlug &＃39;prettier/vim-prettier&＃39;, {&＃39;do&＃39;: &＃39;yarn install&＃39;,&＃39;for&＃39;: [&＃39;Javascript&＃39;, &＃39;typescript&＃39;, &＃39;css&＃39;, &＃39;less&＃39;, &＃39;scss&＃39;, &＃39;json&＃39;, &＃39;graphql&＃39;, &＃39;markdown&＃39;] }let g:prettier#config#bracket_spacing &＃61; &＃39;true&＃39;
let g:prettier#config#jsx_bracket_same_line &＃61; &＃39;false&＃39;
let g:prettier#config#trailing_comma &＃61; &＃39;es5&＃39;
let g:prettier#autoformat &＃61; 0
autocmd BufWritePre *.js,*.jsx,*.mjs,*.ts,*.tsx,*.css,*.less,*.scss,*.json,*.graphql,*md PrettierAsync# :Prettier
自动规范化中文排版Plug &＃39;hotoo/pangu.vim&＃39;# :Pangu
最后&＃xff0c;提供 to-vim-tmux-zsh 仓库可供参考&＃xff0c;其中&＃xff0c;除包含 vim 的配置&＃xff0c;还有 tmux 和 zsh 的分享
to-vim-tmux-zsh仓库:https://github.com/FengShangWuQi/to-vim-tmux-zsh
来源&＃xff1a;如何让 vim 成为我们的神器_枫上雾棋的日志
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有 
