wordpress站点信息修改版权,html大学设计论文,中山市文联灯饰有限公司网站谁做的,jsp网站入门Vim 是一个上古神器#xff0c;本篇文章主要持续总结使用 Vim 的过程中不得不了解的一些指令和注意事项#xff0c;以及持续分享一个开发者不得不安装的一些插件#xff0c;而关于 Vim 的简介#xff0c;主题的选择#xff0c;以及为何使用 vim-plug 来管理插件等内容本篇文章主要持续总结使用 Vim 的过程中不得不了解的一些指令和注意事项以及持续分享一个开发者不得不安装的一些插件而关于 Vim 的简介主题的选择以及为何使用 vim-plug 来管理插件等内容有兴趣的同学下来可以自己了解和对比下。本文导航◈ 安装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%◈ 代码引号路径补全46%◈ 语法高亮检查50%◈ 文件代码搜索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 文件最后一行 # 行号G 指定行 # ctrlo 跳转回之前的位置 # ctrli 返回跳转之前的位置 退出# esc 进入正常模式 # :q! 不保存退出 # :wq 保存后退出 删除# x 删除当前字符 # dw 删除至当前单词末尾 # de 删除至当前单词末尾包括当前字符 # d$ 删除至当前行尾 # dd 删除整行 # 2dd 删除两行 修改# i 插入文本 # A 当前行末尾添加 # r 替换当前字符 # o 打开新的一行并进入插入模式 撤销# u 撤销 # ctrlr 取消撤销 复制粘贴剪切# v 进入可视模式 # y 复制 # p 粘贴 # yy 复制当前行 # dd 剪切当前行 文件# :e! 强制刷新该文件 # ctrlg 显示当前行以及文件信息 查找# / 正向查找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 还原 分屏$ CtrlW v // 左右 $ CtrlW s // 上下# 移动光标 $ CtrlW h/j/k/l // 左/上/下/右# 移动分屏 $ CtrlW H/J/K/L // 左/上/下/右# 修改屏幕尺寸 $ CtrlW //- 基本配置.vimrc 是 Vim 的配置文件需要我们自己创建cd touch .vimrc 取消备份set nobackup set noswapfile 文件编码set encodingutf-8 查找set ic set hls set is 显示行号set number 显示光标当前位置set ruler 设置缩进set cindentset tabstop2 set shiftwidth2 突出显示当前行set cursorline 左下角显示当前 vim 模式set showmode 代码折叠set nofoldenable 主题syntax enable set backgrounddark colorscheme solarized https://github.com/altercation/vim-colors-solarizedhttps://github.com/Anthony25/gnome-terminal-colors-solarized插件配置使用 vim-plug 管理插件https://github.com/junegunn/vim-plug树形目录Plug scrooloose/nerdtree Plug jistr/vim-nerdtree-tabs Plug Xuyuanp/nerdtree-git-pluginautocmd vimenter * NERDTree map C-n :NERDTreeToggleCR let NERDTreeMinimalUI 1 let NERDTreeShowHidden 1let g:nerdtree_tabs_open_on_console_startup 1 let g:nerdtree_tabs_focus_on_files 1let g:NERDTreeIndicatorMapCustom {Modified : ✹,Staged : ✚,Untracked : ✭,Renamed : ➜,Unmerged : ═,Deleted : ✖,Dirty : ✗,Clean : ✔︎,Ignored : ☒,Unknown : ?}# o 打开关闭文件或目录 # e 以文件管理的方式打开选中的目录 # t 在标签页中打开 # T 在标签页中打开但光标仍然留在 NERDTree # r 刷新光标所在的目录 # R 刷新当前根路径 # X 收起所有目录 # p 小写跳转到光标所在的上一级路径 # P 大写跳转到当前根路径 # J 到第一个节点 # K 到最后一个节点 # I 显示隐藏文件 # m 显示文件操作菜单 # C 将根路径设置为光标所在的目录 # u 设置上级目录为根路径 # ctrl w w 光标自动在左右侧窗口切换 # ctrl w r 移动当前窗口的布局位置 # :tabc 关闭当前的 tab # :tabo 关闭所有其他的 tab # :tabp 前一个 tab # :tabn 后一个 tab # gT 前一个 tab # gt 后一个 tab https://github.com/scrooloose/nerdtreehttps://github.com/jistr/vim-nerdtree-tabshttps://github.com/Xuyuanp/nerdtree-git-plugin代码引号路径补全Plug Valloric/YouCompleteMe Plug Raimondi/delimitMate Plug Shougo/deoplete.nvim, { do: :UpdateRemotePlugins } https://github.com/Valloric/YouCompleteMehttps://github.com/Raimondi/delimitMatehttps://github.com/Shougo/deoplete.nvim语法高亮检查Plug sheerun/vim-polyglot Plug w0rp/alelet g:ale_linters {javascript: [eslint],css: [stylelint], } let g:ale_fixers {javascript: [eslint],css: [stylelint], } let g:ale_fix_on_save 1let g:ale_sign_column_always 1 let g:ale_sign_error ● let g:ale_sign_warning ▶nmap silent C-k Plug(ale_previous_wrap) nmap silent C-j Plug(ale_next_wrap) https://github.com/w0rp/alehttps://github.com/sheerun/vim-polyglot文件代码搜索打开最近打开的文件Plug rking/ag.vim Plug kien/ctrlp.vim Plug vim-scripts/mru.vimlet g:ag_highlight1 let g:ag_working_path_moder# :Ag! contentset wildignore*.zip,*.exelet g:ctrlp_map c-p let g:ctrlp_custom_ignore {dir: v[/](node_modules|DS_Store|dist|build|coverage)|(.(git|hg|svn)$),file: v.(exe|so|dll)$,}# c-r: 切换匹配模式 # c-t or c-v, c-x在新的 tab 中打开let MRU_Exclude_Files ^/tmp/.*|^/var/tmp/.* let MRU_Window_Height 15# :MRU https://github.com/kien/ctrlp.vimhttps://github.com/ggreer/the_silver_searcherhttps://github.com/rking/ag.vimhttps://github.com/vim-scripts/mru.vim加强版状态栏Plug itchyny/lightline.vimlet g:lightline {colorscheme: powerline,active: {left: [ [ mode, paste ],[ gitbranch, readonly, filename, modified, helloworld ] ],right: [ [ lineinfo ],[ percent ],[ fileformat, fileencoding, filetype ] ]},component: {helloworld: Hello, 枫上雾棋!},component_function: {gitbranch: fugitive#head},} https://github.com/itchyny/lightline.vim代码注释Plug scrooloose/nerdcommenter# leadercspace 注释/取消注释 # leadercc // 注释 # leadercm 只用一组符号注释 # leadercA 在行尾添加注释 # leaderc$ /* 注释 */ # leadercs /* 块注释 */ # leadercy 注释并复制 # leaderca 切换 // 和 /* */ # leadercu 取消注释let g:NERDSpaceDelims 1 let g:NERDDefaultAlign left let g:NERDCustomDelimiters {javascript: { left: //, leftAlt: /**, rightAlt: */ },less: { left: /**, right: */ }}let g:NERDAltDelims_javascript 1 let g:NERDDefaultNesting 0 https://github.com/scrooloose/nerdcommentergitPlug airblade/vim-gitgutter Plug tpope/vim-fugitive https://github.com/airblade/vim-gitgutterhttps://github.com/tpope/vim-fugitiveMarkdownPlug suan/vim-instant-markdown Plug junegunn/goyo.vim Plug amix/vim-zenroom2let g:instant_markdown_slow 1 let g:instant_markdown_autostart 0 # :InstantMarkdownPreview# :Goyo https://github.com/suan/vim-instant-markdownhttps://github.com/junegunn/goyo.vimhttps://github.com/amix/vim-zenroom2EmmetPlug mattn/emmet-vimlet g:user_emmet_leader_keyC-Z let g:user_emmet_settings {javascript.jsx : {extends : jsx,},} https://github.com/mattn/emmet-vimhtml 5Plug othree/html5.vim https://github.com/othree/html5.vimcss 3Plug hail2u/vim-css3-syntax Plug ap/vim-css-coloraugroup VimCSS3Syntaxautocmd!autocmd FileType css setlocal iskeyword- augroup END https://github.com/hail2u/vim-css3-syntaxhttps://github.com/ap/vim-css-colorJavaSciptPlug pangloss/vim-javascriptlet g:javascript_plugin_jsdoc 1 let g:javascript_plugin_ngdoc 1 let g:javascript_plugin_flow 1 set foldmethodsyntax let g:javascript_conceal_function ƒ let g:javascript_conceal_null ø let g:javascript_conceal_this let g:javascript_conceal_return ⇚ let g:javascript_conceal_undefined ¿ let g:javascript_conceal_NaN ℕ let g:javascript_conceal_prototype ¶ let g:javascript_conceal_static • let g:javascript_conceal_super Ω let g:javascript_conceal_arrow_function ⇒ let g:javascript_conceal_noarg_arrow_function ? let g:javascript_conceal_underscore_arrow_function ? set conceallevel1 https://github.com/pangloss/vim-javascriptjs-beautifyPlug maksimr/vim-jsbeautifyautocmd FileType html noremap buffer c-f :call HtmlBeautify()cr http://github.com/maksimr/vim-jsbeautifyReactPlug mxw/vim-jsxlet g:jsx_ext_required 0 https://github.com/mxw/vim-jsxPrettierPlug prettier/vim-prettier, {do: yarn install,for: [javascript, typescript, css, less, scss, json, graphql, markdown] }let g:prettier#config#bracket_spacing true let g:prettier#config#jsx_bracket_same_line false let g:prettier#config#trailing_comma es5 let g:prettier#autoformat 0 autocmd BufWritePre *.js,*.jsx,*.mjs,*.ts,*.tsx,*.css,*.less,*.scss,*.json,*.graphql,*md PrettierAsync# :Prettier https://github.com/prettier/vim-prettier自动规范化中文排版Plug hotoo/pangu.vim# :Pangu https://github.com/hotoo/pangu.vim总结最后提供 to-vim-tmux-zsh 仓库可供参考其中除包含 vim 的配置还有 tmux 和 zsh 的分享to-vim-tmux-zsh仓库:https://github.com/FengShangWuQi/to-vim-tmux-zsh来源如何让 vim 成为我们的神器_枫上雾棋的日志