如何讓 vim 成為我們的神器

Scorpion 發(fā)布于2019-06-28 10:24 / 2178人閱讀

摘要：是一個(gè)上古神器，剛剛接觸的同學(xué)可能很難駕馭，本篇文章主要帶領(lǐng)大家快速入門(mén)，并持續(xù)分享當(dāng)前流行的一些安裝新手指南教程移動(dòng)光標(biāo)向前移動(dòng)兩個(gè)單詞向前移動(dòng)到第個(gè)單詞的末尾移動(dòng)到行首當(dāng)前行的末尾文件第一行文件最后一行行號(hào)指定行跳轉(zhuǎn)回之前的位置返回

Vim 是一個(gè)上古神器，剛剛接觸的同學(xué)可能很難駕馭，本篇文章主要帶領(lǐng)大家 快速入門(mén)，并 持續(xù)分享 當(dāng)前流行的一些 vim-plugin

安裝

sudo apt-get install vim  // Ubuntu

新手指南

vimtutor  // vim 教程

移動(dòng)光標(biāo)

# hjkl
# 2w 向前移動(dòng)兩個(gè)單詞
# 3e 向前移動(dòng)到第 3 個(gè)單詞的末尾
# 0 移動(dòng)到行首
# $ 當(dāng)前行的末尾
# gg 文件第一行
# G 文件最后一行
# 行號(hào)+G 指定行
# +o 跳轉(zhuǎn)回之前的位置
# +i 返回跳轉(zhuǎn)之前的位置

退出

#  進(jìn)入正常模式
# :q! 不保存退出
# :wq 保存后退出

刪除

# x 刪除當(dāng)前字符
# dw 刪除至當(dāng)前單詞末尾
# de 刪除至當(dāng)前單詞末尾，包括當(dāng)前字符
# d$ 刪除至當(dāng)前行尾
# dd 刪除整行
# 2dd 刪除兩行

修改

# i 插入文本
# A 當(dāng)前行末尾添加
# r 替換當(dāng)前字符
# o 打開(kāi)新的一行并進(jìn)入插入模式

撤銷(xiāo)

# u 撤銷(xiāo)
# +r 取消撤銷(xiāo)

復(fù)制粘貼剪切

# v 進(jìn)入可視模式
# y 復(fù)制
# p 粘貼
# yy 復(fù)制當(dāng)前行
# dd 剪切當(dāng)前行

文件

# :e! 強(qiáng)制刷新該文件
# +g 顯示當(dāng)前行以及文件信息

查找

# / 正向查找（n：繼續(xù)查找，N：相反方向繼續(xù)查找）
# ？ 逆向查找
# % 查找配對(duì)的 {，[，(
# :set ic 忽略大小寫(xiě)
# :set noic 取消忽略大小寫(xiě)
# :set hls 匹配項(xiàng)高亮顯示
# :set is 顯示部分匹配

替換

# :s/old/new 替換該行第一個(gè)匹配串
# :s/old/new/g 替換全行的匹配串
# :%s/old/new/g 替換整個(gè)文件的匹配串

折疊

# zc 折疊
# zC 折疊所有嵌套
# zo 展開(kāi)折疊
# zO 展開(kāi)所有折疊嵌套

執(zhí)行外部命令

# :!shell 執(zhí)行外部命令

字體

#  - 縮小
#  shift + 放大
#  0 還原

分屏

$ Ctrl+W v  // 左右
$ Ctrl+W s  // 上下

# 移動(dòng)光標(biāo)
$ Ctrl+W h/j/k/l  // 左/上/下/右

# 移動(dòng)分屏
$ Ctrl+W H/J/K/L  // 左/上/下/右

# 修改屏幕尺寸
$ Ctrl+W =/+/-

基本配置

.vimrc 是 Vim 的配置文件，需要我們自己創(chuàng)建

cd
touch .vimrc

取消備份

set nobackup
set noswapfile

文件編碼

set encoding=utf-8

查找

set ic
set hls
set is

顯示行號(hào)

set number

顯示光標(biāo)當(dāng)前位置

set ruler

設(shè)置縮進(jìn)

set cindent

set tabstop=2
set shiftwidth=2

突出顯示當(dāng)前行

set cursorline

左下角顯示當(dāng)前 vim 模式

set showmode

代碼折疊

set nofoldenable

主題

syntax enable
set background=dark
colorscheme solarized

altercation/vim-colors-solarized

Anthony25/gnome-terminal-colors-solarized

插件配置

使用 vim-plug 管理插件

樹(shù)形目錄

Plug "scrooloose/nerdtree"
Plug "jistr/vim-nerdtree-tabs"
Plug "Xuyuanp/nerdtree-git-plugin"

autocmd vimenter * NERDTree
map  :NERDTreeToggle
let NERDTreeMinimalUI = 1
let NERDTreeShowHidden = 1

let g:nerdtree_tabs_open_on_console_startup = 1
let g:nerdtree_tabs_focus_on_files = 1

let g:NERDTreeIndicatorMapCustom = {
     "Modified"  : "?",
     "Staged"    : "?",
     "Untracked" : "?",
     "Renamed"   : "?",
     "Unmerged"  : "═",
     "Deleted"   : "?",
     "Dirty"     : "?",
     "Clean"     : "??",
     "Ignored"   : "?",
     "Unknown"   : "?"
     }

# o 打開(kāi)關(guān)閉文件或目錄
# e 以文件管理的方式打開(kāi)選中的目錄
# t 在標(biāo)簽頁(yè)中打開(kāi)
# T 在標(biāo)簽頁(yè)中打開(kāi)，但光標(biāo)仍然留在 NERDTree
# r 刷新光標(biāo)所在的目錄
# R 刷新當(dāng)前根路徑
# X 收起所有目錄
# p 小寫(xiě)，跳轉(zhuǎn)到光標(biāo)所在的上一級(jí)路徑
# P 大寫(xiě)，跳轉(zhuǎn)到當(dāng)前根路徑
# J 到第一個(gè)節(jié)點(diǎn)
# K 到最后一個(gè)節(jié)點(diǎn)
# I 顯示隱藏文件
# m 顯示文件操作菜單
# C 將根路徑設(shè)置為光標(biāo)所在的目錄
# u 設(shè)置上級(jí)目錄為根路徑
# ctrl + w + w 光標(biāo)自動(dòng)在左右側(cè)窗口切換
# ctrl + w + r 移動(dòng)當(dāng)前窗口的布局位置
# :tabc 關(guān)閉當(dāng)前的 tab
# :tabo   關(guān)閉所有其他的 tab
# :tabp   前一個(gè) tab
# :tabn   后一個(gè) tab
# gT      前一個(gè) tab
# gt      后一個(gè) tab

scrooloose/nerdtree

vim-nerdtree-tabs

nerdtree-git-plugin

代碼，引號(hào)，路徑補(bǔ)全

Plug "Valloric/YouCompleteMe"
Plug "Raimondi/delimitMate"
Plug "Shougo/deoplete.nvim", { "do": ":UpdateRemotePlugins" }

Valloric/YouCompleteMe

Raimondi/delimitMate

Shougo/deoplete.nvim

語(yǔ)法高亮，檢查

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   (ale_previous_wrap)
nmap   (ale_next_wrap)

w0rp/ale

sheerun/vim-polyglot

文件，代碼搜索，打開(kāi)最近打開(kāi)的文件

Plug "rking/ag.vim"
Plug "kien/ctrlp.vim"
Plug "vim-scripts/mru.vim"

let g:ag_highlight=1
let g:ag_working_path_mode="r"

# :Ag! content

set wildignore+=*.zip,*.exe

let g:ctrlp_map = ""
let g:ctrlp_custom_ignore = {
   "dir":  "v[/](node_modules|DS_Store|dist|build|coverage)|(.(git|hg|svn)$)",
   "file": "v.(exe|so|dll)$",
   }

# : 切換匹配模式
#  or , ：在新的 tab 中打開(kāi)

let MRU_Exclude_Files = "^/tmp/.*|^/var/tmp/.*"
let MRU_Window_Height = 15

# :MRU

kien/ctrlp.vim

ggreer/the_silver_searcher

rking/ag.vim

vim-scripts/mru.vim

加強(qiáng)版狀態(tài)欄

Plug "itchyny/lightline.vim"

let 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"
       },
       }

itchyny/lightline.vim

代碼注釋

Plug "scrooloose/nerdcommenter"

# c 注釋/取消注釋
# cc // 注釋
# cm 只用一組符號(hào)注釋
# cA 在行尾添加注釋
# c$ /* 注釋 */
# cs /* 塊注釋 */
# cy 注釋并復(fù)制
# ca 切換　// 和 /* */
# cu 取消注釋

let g:NERDSpaceDelims = 1
let g:NERDDefaultAlign = "left"
let g:NERDCustomDelimiters = {
             "javascript": { "left": "http://", "leftAlt": "/**", "rightAlt": "*/" },
             "less": { "left": "/**", "right": "*/" }
         }

let g:NERDAltDelims_javascript = 1
let g:NERDDefaultNesting = 0

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

Plug "mattn/emmet-vim"

let g:user_emmet_leader_key=""
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

js-beautify

Plug "maksimr/vim-jsbeautify"

autocmd FileType html noremap   :call HtmlBeautify()

js-beautify

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", "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

prettier/vim-prettier

自動(dòng)規(guī)范化中文排版

Plug "hotoo/pangu.vim"

# :Pangu

hotoo/pangu.vim

總結(jié)

最后，提供 to-vim-tmux-zsh 倉(cāng)庫(kù)可供參考，其中，除包含 vim 的配置，還有 tmux 和 zsh 的分享

GPU云服務(wù)器云服務(wù)器讓我們一起如何成為亞馬遜的賣(mài)家如何成為前端高手如何成為linux高手

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/24980.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

Scorpion

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

Java學(xué)習(xí)路線(xiàn)總結(jié)，搬磚工逆襲Java架構(gòu)師（全網(wǎng)最強(qiáng)）

閱讀 1599·2021-11-18 10:02
2021年8月國(guó)產(chǎn)數(shù)據(jù)庫(kù)大事記

閱讀 1788·2021-09-04 16:40
RAKsmart：八月美國(guó)服務(wù)器$30/月起,圣何塞/洛杉磯/日本/韓國(guó)等;新增香港大帶寬高防服務(wù)器

閱讀 3242·2021-09-01 10:48
webpack4 單獨(dú)抽離打包 css 的新實(shí)現(xiàn)

閱讀 933·2019-08-30 15:55
Grid布局——頁(yè)面布局如此簡(jiǎn)單

閱讀 1950·2019-08-30 15:55
如何利用css3設(shè)置獨(dú)特背景

閱讀 1438·2019-08-30 13:05
ios9.3為前端帶來(lái)哪些新特性

閱讀 3095·2019-08-30 12:52
Css優(yōu)先級(jí)

閱讀 1669·2019-08-30 11:24

亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

如何讓 vim 成為我們的神器

相關(guān)文章

**征服恐懼！用 Vim 寫(xiě) iOS App**

Vim實(shí)戰(zhàn)指南(四)：ex命令

2017文章總結(jié)

發(fā)表評(píng)論

0條評(píng)論

Scorpion

男|高級(jí)講師

TA的文章

Java學(xué)習(xí)路線(xiàn)總結(jié)，搬磚工逆襲Java架構(gòu)師（全網(wǎng)最強(qiáng)）

2021年8月國(guó)產(chǎn)數(shù)據(jù)庫(kù)大事記

RAKsmart：八月美國(guó)服務(wù)器$30/月起,圣何塞/洛杉磯/日本/韓國(guó)等;新增香港大帶寬高防服務(wù)器

webpack4 單獨(dú)抽離打包 css 的新實(shí)現(xiàn)

Grid布局——頁(yè)面布局如此簡(jiǎn)單

如何利用css3設(shè)置獨(dú)特背景

ios9.3為前端帶來(lái)哪些新特性

Css優(yōu)先級(jí)

最新活動(dòng)

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

如何讓 vim 成為我們的神器

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！