vim神器（學習筆記）

来源:https://www.cnblogs.com/bfhxt/archive/2018/10/29/9869431.html
-Advertisement-
Play Games

#本文並非原創，屬於本人學習中的記錄筆記或是轉存筆記，如果涉及到哪位高人的創作權益，敬請海涵！ Vim 是一個上古神器，本篇文章主要持續總結使用 Vim 的過程中不得不瞭解的一些指令和註意事項，以及持續分享一個前端工作者不得不安裝的一些插件，而關於 Vim 的簡介，主題的選擇，以及為何使用 vim- ...


#本文並非原創，屬於本人學習中的記錄筆記或是轉存筆記，如果涉及到哪位高人的創作權益，敬請海涵！

Vim 是一個上古神器，本篇文章主要持續總結使用 Vim 的過程中不得不瞭解的一些指令和註意事項，以及持續分享一個前端工作者不得不安裝的一些插件，而關於 Vim 的簡介，主題的選擇，以及為何使用 vim-plug 來管理插件等內容，有興趣的同學下來可以自己瞭解和對比下。       -- 楓上霧棋

安裝

sudo apt-getinstall vim// Ubuntu

其他平臺，可以自行谷歌/百度

移動游標

# hjkl

# 2w 向前移動兩個單詞

# 3e 向前移動到第 3 個單詞的末尾

# 0 移動到行首

# $ 當前行的末尾

# gg 文件第一行

# G 文件最後一行

# 行號+G 指定行

# <ctrl>+o 跳轉回之前的位置

# <ctrl>+i 返回跳轉之前的位置

退出

# <esc> 進入正常模式

# :q! 不保存退出

# :wq 保存後退出

刪除

# x 刪除當前字元

# dw 刪除至當前單詞末尾

# de 刪除至當前單詞末尾，包括當前字元

# d$ 刪除至當前行尾

# dd 刪除整行

# 2dd 刪除兩行

修改

# i 插入文本

# A 當前行末尾添加

# r 替換當前字元

# o 打開新的一行併進入插入模式

撤銷

# u 撤銷

# <ctrl>+r 取消撤銷

複製粘貼剪切

# v 進入可視模式

# y 複製

# p 粘貼

# yy 複製當前行

# dd 剪切當前行

狀態

#<ctrl>+g 顯示當前行以及文件信息

查找

# / 正向查找（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 執行外部命令

.vimrc

.vimrc 是 Vim 的配置文件，需要我們自己創建：

cd Home               // 進入 Home 目錄

touch .vimrc          // 配置文件



# Unix

# vim-plug

# Vim

curl -fLo ~/.vim/autoload/plug.vim --create-dirs \

    https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim

# Neovim

curl -fLo ~/.local/share/nvim/site/autoload/plug.vim --create-dirs \

    https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim

其他平臺，可以查看 vim-plug。

基本配置

取消備份
set nobackup

set noswapfile
文件編碼
setencoding=utf-8
顯示行號
setnumber
取消換行
setnowrap
顯示游標當前位置
setruler
設置縮進
set cindent

set tabstop=2

set shiftwidth=2
突出顯示當前行
setcursorline
查找
set ic

set hls

set is

左下角顯示當前vim模式

setshowmode
代碼摺疊
#啟動 vim 時關閉摺疊代碼

set nofoldenable
主題
syntax enable

set background=dark

colorscheme solarized

◈ altercation/vim-colors-solarized
◈ Anthony25/gnome-terminal-colors-solarized

插件配置

樹形目錄
Plug 'scrooloose/nerdtree'

Plug 'jistr/vim-nerdtree-tabs'

Plug 'Xuyuanp/nerdtree-git-plugin'



autocmd vimenter * NERDTree

map <C-n> :NERDTreeToggle<CR>

let NERDTreeShowHidden=1

let g:NERDTreeShowIgnoredStatus = 1

let g:nerdtree_tabs_open_on_console_startup=1

let 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

◈ scrooloose/nerdtree
◈ vim-nerdtree-tabs
◈ nerdtree-git-plugin

代碼，引號，路徑補全
Plug 'Valloric/YouCompleteMe'

Plug 'Raimondi/delimitMate'

Plug 'Shougo/deoplete.nvim', { 'do': ':UpdateRemotePlugins' }

◈ Valloric/YouCompleteMe
◈ Raimondi/delimitMate
◈ Shougo/deoplete.nvim

語法高亮，檢查
Plug 'sheerun/vim-polyglot'

Plug 'w0rp/ale'



let g:ale_linters = {

\    'javascript': ['eslint'],

\    'css': ['stylelint'],

\}

let g:ale_fixers = {

\    'javascript': ['eslint'],

\    'css': ['stylelint'],

\}

let g:ale_fix_on_save = 1



let 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)

◈ w0rp/ale
◈ sheerun/vim-polyglot

文件，代碼搜索
Plug 'rking/ag.vim'

Plug 'kien/ctrlp.vim'

◈ kien/ctrlp.vim
◈ ggreer/the_silver_searcher
◈ rking/ag.vim

加強版狀態欄
Plug 'vim-airline/vim-airline'

Plug 'vim-airline/vim-airline-themes'



let g:airline_theme='papercolor'

◈ vim-airline/vim-airline
◈ vim-airline/vim-airline-themes

代碼註釋
Plug 'scrooloose/nerdcommenter'



# <leader>cc // 註釋

# <leader>cm 只用一組符號註釋

# <leader>cA 在行尾添加註釋

# <leader>c$ /* 註釋 */

# <leader>cs /* 塊註釋 */

# <leader>cy 註釋並複製

# <leader>c<space> 註釋/取消註釋

# <leader>ca 切換　// 和 /* */

# <leader>cu 取消註釋



let g:NERDSpaceDelims = 1

let g:NERDDefaultAlign = 'left'

let g:NERDCustomDelimiters = {

            \ 'javascript': { 'left': '//', 'leftAlt': '/**', 'rightAlt': '*/' },

            \ 'less': { 'left': '/**', 'right': '*/' }

        \ }

◈ scrooloose/nerdcommenter

git

Plug 'airblade/vim-gitgutter'

Plug 'tpope/vim-fugitive'

◈ airblade/vim-gitgutter
◈ tpope/vim-fugitive

Markdown

Plug 'suan/vim-instant-markdown'



let g:instant_markdown_slow = 1

let g:instant_markdown_autostart = 0

# :InstantMarkdownPreview

◈ suan/vim-instant-markdown

Emmet

Plug 'mattn/emmet-vim'



let g:user_emmet_leader_key='<Tab>'

let g:user_emmet_settings = {

         \ 'javascript.jsx' : {

            \ 'extends' : 'jsx',

         \ },

      \ }

◈ 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

Plug 'pangloss/vim-javascript'

let g:javascript_plugin_jsdoc = 1

let g:javascript_plugin_ngdoc = 1

let g:javascript_plugin_flow = 1

set foldmethod=syntax

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 conceallevel=1

◈ pangloss/vim-javascript
（註：上述腳本中存在特殊字元，有的情況下顯示不正確，請直接用上述鏈接的內容。）

React

Plug 'mxw/vim-jsx'

let g:jsx_ext_required = 0

◈ mxw/vim-jsx

Prettier

Plug 'prettier/vim-prettier', {

  \ 'do': 'yarn install',

  \ 'for': ['javascript', 'typescript', 'css', 'less', 'scss', 'json', 'graphql'] }

let g:prettier#config#bracket_spacing = 'true'

let g:prettier#config#jsx_bracket_same_line = 'false'

let g:prettier#autoformat = 0

autocmd BufWritePre *.js,*.jsx,*.mjs,*.ts,*.tsx,*.css,*.less,*.scss,*.json,*.graphql PrettierAsync

# :Prettier

◈ prettier/vim-prettier

總結

最後，呈上參考配置 .vimrc

 

[1]: https://github.com/junegunn/vim-plug
[2]: https://github.com/altercation/vim-colors-solarized
[3]: https://github.com/Anthony25/gnome-terminal-colors-solarized
[4]: https://github.com/scrooloose/nerdtree
[5]: https://github.com/jistr/vim-nerdtree-tabs
[6]: https://github.com/Xuyuanp/nerdtree-git-plugin
[7]: https://github.com/Valloric/YouCompleteMe
[8]: https://github.com/Raimondi/delimitMate
[9]: https://github.com/Shougo/deoplete.nvim
[10]: https://github.com/w0rp/ale
[11]: https://github.com/sheerun/vim-polyglot
[12]: https://github.com/kien/ctrlp.vim
[13]: https://github.com/ggreer/the_silver_searcher
[14]: https://github.com/rking/ag.vim
[15]: https://github.com/vim-airline/vim-airline
[16]: https://github.com/vim-airline/vim-airline-themes
[17]: https://github.com/scrooloose/nerdcommenter
[18]: https://github.com/airblade/vim-gitgutter
[19]: https://github.com/tpope/vim-fugitive
[20]: https://github.com/suan/vim-instant-markdown
[21]: https://github.com/mattn/emmet-vim
[22]: https://github.com/othree/html5.vim
[23]: https://github.com/hail2u/vim-css3-syntax
[24]: https://github.com/ap/vim-css-color
[25]: https://github.com/pangloss/vim-javascript
[26]: https://github.com/mxw/vim-jsx
[27]: https://github.com/prettier/vim-prettier
[28]: https://github.com/FengShangWuQi/to-vim/blob/master/.vimrc

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Ansible實現主備模式的高可用(Keepalived)
    前言 Ansible是一款極其簡單的IT自動化運維工具，基於Python開發，集合了眾多運維工具(puppet、cfengine、chef、func、fabric)的優點，實現了批量系統配置、批量程式部署、批量運行命令等功能。Ansible是基於模塊工作的，本身沒有批量部署的能力，真正具有批量部署的 ...
  • Linux進程核心調度器之主調度器schedule--Linux進程的管理與調度(十九）
    主調度器 在內核中的許多地方, 如果要將CPU分配給與當前活動進程不同的另一個進程, 都會直接調用主調度器函數schedule, 從系統調用返回後, 內核也會檢查當前進程是否設置了重調度標誌 例如, 前述的周期性調度器的scheduler_tick就會設置該標誌, 如果是這樣則內核會調用schedu ...
  • linux基本命令手冊
    常用指令 ls 顯示文件或目錄 -l 列出文件詳細信息l(list) -a 列出當前目錄下所有文件及目錄，包括隱藏的a(all) mkdir 創建目錄 -p 創建目錄，若無父目錄，則創建p(parent) cd 切換目錄 touch 創建空文件 echo 創建帶有內容的文件。 cat 查看文件內容 ...
  • Intelx86數據手冊讀書筆記---1
    1. 第一章 a. 符號約定 a1. 位元組順序 a2. 保留的比特位和軟體相容性 a3. 指令操作數 a4. 十六進位和二進位數 a5. 分段地址 a. 符號約定 a1. 位元組順序 intel的32和64架構均使用小端地址模式。小端：高位元組在高地址，大端：高位元組在低地址。例如： 31 24 23 1 ...
  • fatal: protocol error: bad line length character: This
    搭建好Git伺服器後，在伺服器創建了一個空項目，我在本地使用git clone 拉取項目時，報了fatal: protocol error: bad line length character: This的錯誤。這個問題是出在Git伺服器端，不是Git客戶端的問題，所以Git客戶端不需要修改任何東西... ...
  • linux採用scp命令拷貝文件到本地，拷貝本地文件到遠程伺服器
    假設遠程伺服器IP地址為 192.168.1.100 1.從伺服器複製文件到本地： scp [email protected]:/data/test.txt /home/myfile/ [email protected] root是目標伺服器（有你需要拷貝文件的伺服器）的用戶名，192.168. ...
  • LVS的使用
    lvs： Linux Virtual Server l4：四層交換；四層路由； 根據請求報文的目標IP和PORT將其轉發至後端主機集群中的某一臺主機(根據挑選演算法)； netfilter： PREROUTING --> INPUT PREROUTING --> FORWARD --> POSTROU ...
  • Mac包管理神器Homebrew
    概念 簡稱brew，是Mac OSX上的軟體包管理工具，能在Mac中方便的安裝軟體或者卸載軟體，相當於Red hat的yum、Ubuntu的apt get。 安裝命令 ruby e "$(curl fsSL "https://raw.githubusercontent.com/Homebrew/in ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類