看完這篇文章，從此刻開始你將成為一名真正的 “鍵盤俠”

作為程序員我們知道，當(dāng)我們編寫代碼的時候頻繁的操作鼠標(biāo)是一件非常費勁的一件事，我們的很多時間都會浪費到去使用鼠標(biāo)定位光標(biāo)選中文本等等，要知道使用快捷鍵肯定是比我們使用鼠標(biāo)操作來的效率更高，包括博主本人也經(jīng)常來回的在鼠標(biāo)和鍵盤上來回切換。

為此我寫下這篇文章就是監(jiān)督自己擺脫鼠標(biāo)的控制，編寫代碼全程不用鼠標(biāo)只用鍵盤來操作，堅持下去讓習(xí)慣形成自己的肌肉記憶，我相信編碼的效率一定會大大提高(主要也很帥)，當(dāng)然這篇文章不只是講解 vim ，也會參雜一些提高編碼效率的相關(guān)插件操作，勉勵自己也鼓勵你們?。?！

目錄

vim插件使用

vim插件安裝配置

vim模式講解

相關(guān)拓展

vim插件使用

Vim(全稱為Vi IMproved)是一款文本編輯器，也被視為一種文本編輯工具。它是從另一款編輯器 Vi(Visual)發(fā)展而來的，并在功能和性能上進(jìn)行了增強和改進(jìn)。其在程序員中非常受歡迎，因為它提供了大量的功能和快捷鍵，可以提高編輯和操作文本的效率。以下是其相關(guān)特定：

模態(tài)編輯

vim 是一個模態(tài)編輯器，有多個模式(Normal、Insert、Visual、Command 等)。每個模式下，按鍵的功能不同，使得編輯過程更加高效。

快速移動和導(dǎo)航

vim 提供了豐富的快捷鍵和命令，可以快速在文檔中移動、跳轉(zhuǎn)和搜索，例如使用 h、j、k、l 進(jìn)行左、下、上、右的移動，或者使用 / 進(jìn)行正向搜索。

強大的編輯功能

vim支持各種編輯操作，包括復(fù)制、粘貼、刪除、替換、撤銷等。它還提供了一些高級操作，如宏錄制和批量編輯。

插件和定制

vim具有廣泛的插件系統(tǒng)，可以根據(jù)個人需求進(jìn)行擴(kuò)展和定制。這使得編程環(huán)境可以根據(jù)用戶的喜好和需求進(jìn)行個性化配置。

盡管初學(xué)者可能需要一些時間來適應(yīng) Vim 的工作流程和快捷鍵，但一旦熟悉和掌握了 Vim，它將成為一個高效而強大的編輯工具，最終也是擺脫不了 “真香定律”。

vim插件安裝配置

首先打開vscode編輯器的插件菜單，在搜索框輸入vim，找到第一個插件Vim進(jìn)行下載即可，當(dāng)然我這里是以及下載好的，大家第一次使用直接下載即可：

這里注意一下，如果你的Windows用戶的話，安裝這個插件直接使用即可；如果你的Mac用戶的話，需要安裝該插件給你的細(xì)節(jié)進(jìn)行相應(yīng)的操作，這里簡單的提一下：

如果不知道如何打開setting.json文件，可以 Ctrl + shift + p 打開命令面板輸入setting.json即可：

vim模式講解

Vim 模式是指 Vim 編輯器中的不同工作模式或編輯模式。Vim 模式分為多個模式，每個模式下按鍵的功能和行為不同。只有通過vim和操作符+動作的配合才能產(chǎn)高效：

普通模式(Normal)：Normal模式是默認(rèn)的啟動模式，用于導(dǎo)航、執(zhí)行命令和編輯操作。在Normal 模式下，按鍵被解釋為命令或快捷鍵，而不是直接輸入文本。你可以使用 Normal 模式下的命令來移動光標(biāo)、刪除、粘貼等。

接下來將簡單講解一下在普通模式下光標(biāo)的移動操作

在普通模式下進(jìn)行上下左右的操作是，這里有一個技巧就是，記住按鍵j在鍵盤突起的位置就是向下箭頭。h在最左邊就向左移動；l在最右邊就向右移動。

這里描述了在普通模式下如何在一個單詞中進(jìn)行快速跳轉(zhuǎn)

這里描述了在普通模式下如何在整體單詞句子中進(jìn)行快速的跳轉(zhuǎn)

這里描述了在普通模式下如何快速查找字符的位置，可以大家這里會有點懵，我這里出一個動態(tài)圖進(jìn)行一個相應(yīng)的簡單展示的效果吧。

這里也描述了在普通模式下如何進(jìn)行刪改復(fù)制操作：

比如說你想刪除：進(jìn)入普通模式點擊d鍵選中當(dāng)前的單詞在按下d鍵就直接進(jìn)行刪除

比如說你想修改：進(jìn)入普通模式點擊c鍵進(jìn)行編輯，編輯當(dāng)前單詞選擇iw，編輯整條句子c

比如說你想復(fù)制：進(jìn)入普通模式點擊y鍵進(jìn)行復(fù)制操作，在點擊y和p鍵進(jìn)行向下復(fù)制

如果想切換大小寫的話可以采用下面的方式：

為了加深自己的理解，給出如下案例：

// 修改字符串 -- ciw
const str = 'HelloWorld'

// 修改泛型或刪除泛型 -- ci<(修改) 或 di<(刪除) 或 da<(刪除)
const count = ref<number>(0)

// 刪除括號中的內(nèi)容 -- di( 或 dib
console.log('foo')

// 刪除或修改數(shù)組里的內(nèi)容 -- di[ 或 ci[
const arr = [1,2,3,4,5]

// 刪除或修改模板字符串的內(nèi)容 -- di` 或 ci`
const templateString = `foo${arr}`

// 刪除2行 -- 2dd
const a = 11
const b = 22

// 刪除template標(biāo)準(zhǔn)里面的所有內(nèi)容 -- dit 或 cit
<template>
  <Suspense>
    <Count></Count>
  </Suspense>
</template>

當(dāng)然還有一些小Tis：

查看函數(shù)底層的細(xì)節(jié)：gd

切換標(biāo)簽頁：gt(往后切換標(biāo)簽頁)、gT(往前切換標(biāo)簽頁)、2gt(加上數(shù)字代碼往第幾個跳)

切換到文件選擇：crtl+0

在拆分窗口的情況下進(jìn)行窗口切換：crtl + 1(切換到第一個窗口)

當(dāng)然如果想設(shè)置快捷鍵打開終端的話，需要對settings.json進(jìn)行如下配置：這個可以自定義配置，當(dāng)我輸入2t的時候就會自動打開終端被聚焦，輸入完命令之后然后可以crtl+1進(jìn)入到第一個頁面

  "vim.normalModeKeyBindingsNonRecursive":[
   {
    "before":["2","t"],
    "commands":["workbench.action.terminal.focus"]
   },   
  ],

插入模式(Insert)：用于直接輸入文本。在Normal模式下，按下i或I、a或A、o或O等鍵即可進(jìn)Insert模式。在Insert模式下，你可以像在普通編輯器中一樣，直接鍵入文本內(nèi)容。

可視模式(Visual)：用于選擇或高亮文本。你可以使用各種命令和操作來選擇、復(fù)制、刪除、修改選定的文本。Visual 模式有多個子模式，如字符選擇模式、行選擇模式和塊選擇模式。

命令模式(Command-line)：用于執(zhí)行 Ex 命令，例如保存文件、查找替換、設(shè)置配置選項等。在Normal模式下，按下冒號 : 即可進(jìn)入 Command-line 模式，然后輸入相應(yīng)的命令并按下回車鍵執(zhí)行。

Vim 的模式切換非常靈活，可以根據(jù)需要快速切換不同的模式以進(jìn)行不同的操作。例如，你可以從 Normal 模式切換到 Insert 模式來輸入文本，然后再切換回 Normal 模式執(zhí)行其他命令。

相關(guān)拓展

在谷歌瀏覽器當(dāng)中有一款插件和vim類似，也是通過快捷鍵的方式來操作頁面，如下：

下載這款插件之后，當(dāng)我們進(jìn)行瀏覽網(wǎng)頁的時候，就不再需要使用鼠標(biāo)進(jìn)行操作了，一張鍵盤足以，當(dāng)然我們安裝這個插件之后，該插件有一個操作說明書，里面記載著快捷鍵的使用方法，如下

在谷歌瀏覽器打出問號就會彈出這個框，里面講解著快捷鍵的說明

快捷鍵的作用和我們在vscode中使用到的幾乎差不多，當(dāng)你靈活使用了vim之后，再使用這個插件就會感覺到瀏覽網(wǎng)頁是如此的絲滑。

本篇文章僅僅是簡單的介紹了一下關(guān)于vim的說明和一些簡單的使用，如果這篇文章的瀏覽量破500的話，博主會繼續(xù)深入講解vim具體的操作

拋棄鼠標(biāo)，成為真正的鍵盤俠！??！文章來源地址http://www.zghlxwxcb.cn/news/detail-697274.html

到了這里，關(guān)于超越編輯器的邊界：掌握 Vs Code + Vim 最強操作技巧的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！