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
  • C# + WPF 音頻播放器 界面優雅，體驗良好
    前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器，其界面簡潔大方，操作體驗流暢。該播放器支持多種音頻格式（如 MP4、WMA、OGG、FLAC 等），並具備標記、實時歌詞顯示等功能。 另外，還支持換膚及多語言（中英文）切換。核心音頻處理採用 FFmpeg 組件，獲得了廣泛認可，目前 Git ...
  • OAuth2.0授權-gitee授權碼模式
    OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統，完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面，查看已創建應用的Client ID和Clien ...
  • FastReport.OpenSource .Net下開源免費報表列印組件
    解決了這個問題：《winForm下，fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自：https://www.fcnsoft.com/Home/Sho ...
  • 如何在 ASP.NET Core Web API 方法執行前後 “偷偷“ 作一些 “壞“ 事？初識 ActionFilterAttribute
    國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面，接收裸 Win 32 的 WM_Pointer 消息，從消息裡面獲取觸摸點信息，使用觸摸點 ...
  • 在 ASP.NET Core Web API 中使用異常篩選器捕獲和統一處理異常
    前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能，還集成了高性能的輕量級 POS 解決方案，確保頁面載入速度極快，提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • AbpHelper CLI積累與實戰分享
    ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI： ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的，因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 記一次HttpClient使用問題分析
    問題 問題是這樣的：第三方的webapi，需要先調用登陸介面獲取Cookie，訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面，返回的Headers中沒有找到Cookie信息。 分析 首先，使用Postman測試該登陸介面，正常返回Cookie信息，說明是HttpCli ...
  • .NET周刊【9月第3期 2024-09-15】
    國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低，主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上，.NET曾因微軟的閉源策略發展受限，儘管後來推出了跨平臺的.NET ...
  • 我的網站集成ElasticSearch初體驗
    在WPF開發應用中，動畫不僅可以引起用戶的註意與興趣，而且還使軟體更加便於使用。前面幾篇文章講解了畫筆（Brush），形狀（Shape），幾何圖形（Geometry），變換（Transform）等相關內容，今天繼續講解動畫相關內容和知識點，僅供學習分享使用，如有不足之處，還請指正。 ...
  • 第23篇 委托的概述
    什麼是委托？ 委托可以說是把一個方法代入另一個方法執行，相當於指向函數的指針；事件就相當於保存委托的數組； 1.實例化委托的方式： 方式1：通過new創建實例： public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...
所有分類