vscode + vim 高效开发

image-20220203193914530

二、vim设计哲学


image-20220203194329527

三、vim模式


image-20220203134608420

image-20220203135144593

insert

append

one line

image-20220203142733533

image-20220203142753273

image-20220203142817918

四、光标移动


image-20220203143103107

image-20220203195202983

w:跳到下一个单词开头

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

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

ge:跳到上一个单词结尾

0跳到行首

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

$跳到行尾

gg跳到第一行

G跳到最后一行

image-20220203144707592

五,动作


image-20220203145306659

image-20220203145316345

a arround

t 是标签的意思 tag /tab

p 段落 paragraph

s句子 sentence

w 单词 word

六、操作符


image-20220203145538127

七、操作符+动作


p 粘贴

u 撤销动作+操作符

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

  • yiw 选中并复制单词

  • diw 选中并删除单词

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

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

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

  • die 删除整个文件

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

  • 多试试各种组合

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

八、大小写转换


image-20220203155235967

九、tips


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

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

gt: tab :下一个标签页

gT :上一个标签页

2gt 跳到第二个标签页

ctrl 0 ,左侧标签

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

分屏

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

十、easymotion


<leader>:初始是space

| <leader><leader> s <char> | Search character |

| — | — |

| <leader><leader> f <char> | Find character forwards |

| <leader><leader> F <char> | Find character backwards |

| <leader><leader> t <char> | Til character forwards |

| <leader><leader> T <char> | Til character backwards |

| <leader><leader> w | Start of word forwards |

| <leader><leader> b | Start of word backwards |

| <leader><leader> l | Matches beginning & ending of word, camelCase, after _, and after # forwards |

| <leader><leader> h | Matches beginning & ending of word, camelCase, after _, and after # backwards |

| <leader><leader> e | End of word forwards |

| <leader><leader> ge | End of word backwards |

| <leader><leader> j | Start of line forwards |

| <leader><leader> k | Start of line backwards |

| <leader><leader> / <char>... <CR> | Search n-character |

| <leader><leader><leader> bdt | Til character |

| <leader><leader><leader> bdw | Start of word |

| <leader><leader><leader> bde | End of word |

| <leader><leader><leader> bdjk | Start of line |

| <leader><leader><leader> j | JumpToAnywhere motion; default behavior matches beginning & ending of word, camelCase, after _ and after # |

十一、vim surround


最后

好了,这就是整理的前端从入门到放弃的学习笔记,还有很多没有整理到,我也算是边学边去整理,后续还会慢慢完善,这些相信够你学一阵子了。

做程序员,做前端工程师,真的是一个学习就会有回报的职业,不看出身高低,不看学历强弱,只要你的技术达到应有的水准,就能够得到对应的回报。

学习从来没有一蹴而就,都是持之以恒的,正所谓活到老学到老,真正懂得学习的人,才不会被这个时代的洪流所淘汰。

  • 30
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值