vscode 崩溃_VScode 全面使用攻略(三)

前言

  开篇的时候挖了一个坑

b1828ff5c2812f9d899b121c03884b20.gif
启动和测试

  这里的操作是怎么在 VScode 实现的呢?我在这里解惑
  其实复制行可以在不选择任何代码的时候 ctrl+c ,这样会复制一整行。
  然后就疯狂敲 ctrl + v 就可以了, 在不选择的情况下,这样粘贴是直接粘贴到下一行。
  然后按住鼠标中键可以拖拽选择文本,选中末尾的数字。
  然后使用我上次介绍的 Insert Number 插件, ctrl + alt + n 就可以插入递增的数字。

交互式演练场

  在开篇的时候也挖了一个坑
  我有提到 其实  交互式演练场(Interactive Playground) 其实已经包含了很多 VScode 的骚操作

  • ctrl+alt+上下键    多重鼠标添加
a466d03055db63871b6a296dbf9f5997.gif
多重鼠标添加
  • alt+上下键         移动行
faa6a3b2f1d029a3ebecbacf25a5d3f2.gif
移动行
  • alt+shift+上下键   复制行
8dbf961b19c6cf382f9b5ef8c6f1cf50.gif
复制行
  • ctrl+d             可以选择当前光标下的单词 类似双击效果
c2e2cbef1b408aca317e62cce73a0414.gif
选择单词
  • ctrl+shift+L       可以找到当前选中类似的单词
411c434a629f6d62a1320f7d09e7a2cb.gif
选择多个
  • ctrl+shift+k       可以删除一行,不过我一般是在不选择字符情况下用 ctrl+x 来删除(离左手近)
1c14e76b0744ccae5b78cff10951382e.gif
删除一行
  • alt+shift+f        可以自动排布文档(formating)
5250c83fd0f4acabe14d8b5939552d92.gif
自动排布
  • F2                 重命名变量
e23d111d229cde116aa20502ccbffd23.gif
重命名变量

VScode 的 骚操作

代码注释

dff51e5e78e564a80d34bb4ca0a5a4b6.gif
可以注释代码
  • ctrl+/ 可以切换代码注释
  • ctrl+k ctrl+c 可以继续注释代码
  • ctrl+k ctrl+u 可以取消注释代码

自动保存

bb9335450943a53b0ef17936ec533e22.png
自动保存

开启了自动保存之后,我写代码再也不用担心断电、崩溃等问题导致写的内容没有了。
再加上 localhistory 双重保险,无论什么情况,代码都与你同在。

鼠标中键拖拽

9d4b526e4f8f915347e81ddd5a854bea.gif
鼠标中键

鼠标中键实现多行拖拽(比 ctrl+alt+上下键 更好用)

ScreenCast 模式

83f0b536cfc0e9be8c7a9ee394051436.gif
ScreenCast

ScreenCast 模式可以让VScode回显所有的操作指令以及鼠标点击红色标记

用户代码片段 snippet

用户可以插入自定义的代码片段,提高编程的效率。

db970efd004c4e2c5bb414fb1878b4a2.gif
ScreenCast

搜索

  1. ctrl + f 可以打开搜索框
  2. ctrl + h 可以打开替换框
  • 普通的匹配模式进行替换
f409bdb5119a7d830a67b9f8348c3209.gif
匹配
  • 大小写匹配
11268375cc716e8c8937d5539c8fe1b4.gif
大小写匹配
  • 全字匹配
8cc6ed04005401d3adc8c14005944f7b.gif
全字匹配
  • 正则表达式

完全基于 JavaScript 的正则表达式
可以通过 $数字 来实现匹配的获取和替换

18468ff5afeca4a513a49d38b0d52bb4.gif
全字匹配

注:("apple.*)" 括号的部分将会获取到替换标记 、2 这些变量中,根据括号的数量赋值。
. 代表任意字符
* 代表匹配0个或者多个
"apple.*" 表示匹配 "apple任意字符" 这个模式
通过括号则可以进一步把匹配到的内容获取出来进行扩充。

禅模式 (Zen Mode)

6a6751d06c25667e25a1f9e3ebbba892.png
禅模式
54c110996e1bd874d032690edeacff7c.png
佛系模式

开启之后屏幕所有的区域就只剩下代码区域,让你脱离一切干扰。
让我想起了 一加7pro 的禅定模式, 一键单身_(:з」∠)_
这个模式太过佛系简洁,我个人用不惯

总结

  熟练掌握这些技巧可以大大提高 代码编写 的效率
  特别是正则表达式,你可以通过它插入多行代码。
  不过正则也不是万能的,之前遇到个需求就是匹配到的数字需要进行数学计算。仓库
  貌似正则就无法处理这种复杂的情况,这个时候就需要自己写代码来处理了, python 和 js 都原生支持正则表达式匹配处理。

  以上是我个人使用 VScode 一年多来的经验汇总,如果大家还有什么骚操作愿意分享可以留言给我^_^

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值