vscode + vim 高效开发

文章目录

  • vscode + vim 高效开发
    • 一、安装及其配置vim插件
    • 二、vim设计哲学
    • 三、vim模式
    • 四、光标移动
    • 五,动作
    • 六、操作符
    • 七、操作符+动作
    • 八、大小写转换
    • 九、tips
    • 十、easymotion
    • 十一、vim surround
    • 十二、多光标操作

vscode + vim 高效开发

本笔记用于自己遗忘时查看

建议观看教程 指尖飞舞:vscode + vim 高效开发(系列视频)总时长1小时

vscode + vim 高效开发_第1张图片

一、安装及其配置vim插件

vscode + vim 高效开发_第2张图片

点击 文件–>首选项–>设置

vscode + vim 高效开发_第3张图片

打开配置文件,把代码复制到配置文件的大括号中,不要删除原有的内容,添加时不要忘了给原有的上一个内容最后加 逗号

    "vim.easymotion": true,
    "vim.incsearch": true,
    "vim.useSystemClipboard": true,
    "vim.useCtrlKeys": true,
    "vim.hlsearch": true,
    "vim.insertModeKeyBindings": [
        {
        "before": ["j", "j"],
        "after": [""]
        }
    ],
    "vim.normalModeKeyBindingsNonRecursive": [
        {
        "before": ["", "d"],
        "after": ["d", "d"]
        },
        {
        "before": [""],
        "commands": [":nohl"]
        }
    ],
    "vim.leader": "",
    "vim.handleKeys": {
        "": false,
        "": false
    }

vscode + vim 高效开发_第4张图片

二、vim设计哲学

vscode + vim 高效开发_第5张图片

三、vim模式

vscode + vim 高效开发_第6张图片

vscode + vim 高效开发_第7张图片

insert

append

one line

vscode + vim 高效开发_第8张图片

vscode + vim 高效开发_第9张图片

vscode + vim 高效开发_第10张图片

四、光标移动

vscode + vim 高效开发_第11张图片

vscode + vim 高效开发_第12张图片

w:跳到下一个单词开头

b:跳到本单词或上一个单词开头 begin

e:跳到本单词或下一个单词结尾 end

ge:跳到上一个单词结尾

0跳到行首

^跳到从行首开始第一个非空字符

$跳到行尾

gg跳到第一行

G跳到最后一行

vscode + vim 高效开发_第13张图片

五,动作

vscode + vim 高效开发_第14张图片

vscode + vim 高效开发_第15张图片

a arround

t 是标签的意思 tag /tab

p 段落 paragraph

s句子 sentence

w 单词 word

六、操作符

vscode + vim 高效开发_第16张图片

七、操作符+动作

p 粘贴

u 撤销动作+操作符

  • ciw 选中单词删除并进入插入模式

  • yiw 选中并复制单词

  • diw 选中并删除单词

  • ndd/ncc/nyy 向下删除/修改/复制n行,包括当前行

  • d/c/yf{char} 删除/修改/复制到向后的char字符

  • d/c/y ^/$ 删除/修改/复制到开头/结尾

  • die 删除整个文件

  • cie 删除整个文件并进入写入模式

  • 多试试各种组合

  • v+各种操作(可以看到啥被选中了)+操作符(y/c/d)

八、大小写转换

vscode + vim 高效开发_第17张图片

九、tips

gd : goto [definition](javascript: 跳转到定义

gh :go hover 鼠标悬浮到这里的效果

gt: tab :下一个标签页

gT :上一个标签页

2gt 跳到第二个标签页

ctrl 0 ,左侧标签

在左侧标签 可以使用 h j k l space

分屏

ctrl + 1 2 3 到其中一个分屏

十、easymotion

:初始是space

s Search character
f Find character forwards
F Find character backwards
t Til character forwards
T Til character backwards
w Start of word forwards
b Start of word backwards
l Matches beginning & ending of word, camelCase, after _, and after # forwards
h Matches beginning & ending of word, camelCase, after _, and after # backwards
e End of word forwards
ge End of word backwards
j Start of line forwards
k Start of line backwards
/ ... Search n-character
bdt Til character
bdw Start of word
bde End of word
bdjk Start of line
j JumpToAnywhere motion; default behavior matches beginning & ending of word, camelCase, after _ and after #

十一、vim surround

vscode + vim 高效开发_第18张图片

十二、多光标操作

gbgb

这个不太好用 ,有个插件Auto Rename Tag,修改一个tag 另外一个跟着变

而且vscode 自动添加尾部的tag

你可能感兴趣的:(高效开发,vscode,vim)