前言
❝开篇的时候挖了一个坑
❞
![b1828ff5c2812f9d899b121c03884b20.gif](https://i-blog.csdnimg.cn/blog_migrate/fa3a968e35e0012bee241b2ebd2efa9f.gif)
❝这里的操作是怎么在 VScode 实现的呢?我在这里解惑
❞
其实复制行可以在不选择任何代码的时候 ctrl+c ,这样会复制一整行。
然后就疯狂敲 ctrl + v 就可以了, 在不选择的情况下,这样粘贴是直接粘贴到下一行。
然后按住鼠标中键可以拖拽选择文本,选中末尾的数字。
然后使用我上次介绍的 Insert Number 插件, ctrl + alt + n 就可以插入递增的数字。
交互式演练场
❝在开篇的时候也挖了一个坑
❞
我有提到 其实 交互式演练场(Interactive Playground) 其实已经包含了很多 VScode 的骚操作
- ctrl+alt+上下键 多重鼠标添加
![a466d03055db63871b6a296dbf9f5997.gif](https://i-blog.csdnimg.cn/blog_migrate/aa47fabc948e294ac61de66ea44e1a6c.gif)
- alt+上下键 移动行
![faa6a3b2f1d029a3ebecbacf25a5d3f2.gif](https://i-blog.csdnimg.cn/blog_migrate/7bdecd6d5b737a78be32e8e7f4046e47.gif)
- alt+shift+上下键 复制行
![8dbf961b19c6cf382f9b5ef8c6f1cf50.gif](https://i-blog.csdnimg.cn/blog_migrate/3a50a9633ea5af4e5353af59a109d476.gif)
- ctrl+d 可以选择当前光标下的单词 类似双击效果
![c2e2cbef1b408aca317e62cce73a0414.gif](https://i-blog.csdnimg.cn/blog_migrate/0c2a2554082cb4efed4ef1901e8ec2b7.gif)
- ctrl+shift+L 可以找到当前选中类似的单词
![411c434a629f6d62a1320f7d09e7a2cb.gif](https://i-blog.csdnimg.cn/blog_migrate/662d853530d754fb970ad9549e03ab55.gif)
- ctrl+shift+k 可以删除一行,不过我一般是在不选择字符情况下用 ctrl+x 来删除(离左手近)
![1c14e76b0744ccae5b78cff10951382e.gif](https://i-blog.csdnimg.cn/blog_migrate/97afcfda5c797981e2f4dca551ae665d.gif)
- alt+shift+f 可以自动排布文档(formating)
![5250c83fd0f4acabe14d8b5939552d92.gif](https://i-blog.csdnimg.cn/blog_migrate/61b2ee281de2160e0fd11229b74e217e.gif)
- F2 重命名变量
![e23d111d229cde116aa20502ccbffd23.gif](https://i-blog.csdnimg.cn/blog_migrate/ef2f9cf597b7da65e5f729f028afa094.gif)
VScode 的 骚操作
代码注释
![dff51e5e78e564a80d34bb4ca0a5a4b6.gif](https://i-blog.csdnimg.cn/blog_migrate/1fd6d40f8dcba6fd8fb7ebc7507bda86.gif)
- ctrl+/ 可以切换代码注释
- ctrl+k ctrl+c 可以继续注释代码
- ctrl+k ctrl+u 可以取消注释代码
自动保存
![bb9335450943a53b0ef17936ec533e22.png](https://i-blog.csdnimg.cn/blog_migrate/430fce7fcb1c00676aee97a846c07587.png)
❝开启了自动保存之后,我写代码再也不用担心断电、崩溃等问题导致写的内容没有了。
❞
再加上 localhistory 双重保险,无论什么情况,代码都与你同在。
鼠标中键拖拽
![9d4b526e4f8f915347e81ddd5a854bea.gif](https://i-blog.csdnimg.cn/blog_migrate/4f63e8118b4e25ea3dca2b0bfe9ba60b.gif)
❝鼠标中键实现多行拖拽(比 ctrl+alt+上下键 更好用)
❞
ScreenCast 模式
![83f0b536cfc0e9be8c7a9ee394051436.gif](https://i-blog.csdnimg.cn/blog_migrate/1be6014f5bbd6435bf879d23737b61c0.gif)
❝ScreenCast 模式可以让VScode回显所有的操作指令以及鼠标点击红色标记
❞
用户代码片段 snippet
❝用户可以插入自定义的代码片段,提高编程的效率。
❞
![db970efd004c4e2c5bb414fb1878b4a2.gif](https://i-blog.csdnimg.cn/blog_migrate/17c5b35482ed8467d98f9f70d0bb23b1.gif)
搜索
- ctrl + f 可以打开搜索框
- ctrl + h 可以打开替换框
- 普通的匹配模式进行替换
![f409bdb5119a7d830a67b9f8348c3209.gif](https://i-blog.csdnimg.cn/blog_migrate/196f387b2f5e8e0dfe0cc0acdd7cd516.gif)
- 大小写匹配
![11268375cc716e8c8937d5539c8fe1b4.gif](https://i-blog.csdnimg.cn/blog_migrate/649f601e10eba3f5169147ea38c9adfc.gif)
- 全字匹配
![8cc6ed04005401d3adc8c14005944f7b.gif](https://i-blog.csdnimg.cn/blog_migrate/b960f422ed58bd1fe43081f3d9ffa709.gif)
- 正则表达式
❝完全基于 JavaScript 的正则表达式
❞
可以通过$数字
来实现匹配的获取和替换
![18468ff5afeca4a513a49d38b0d52bb4.gif](https://i-blog.csdnimg.cn/blog_migrate/6c190ea9d4a40d5206f9c4b0a534a272.gif)
❝注:("apple.*)" 括号的部分将会获取到替换标记 、2 这些变量中,根据括号的数量赋值。
❞
. 代表任意字符
* 代表匹配0个或者多个
"apple.*" 表示匹配 "apple任意字符" 这个模式
通过括号则可以进一步把匹配到的内容获取出来进行扩充。
禅模式 (Zen Mode)
![6a6751d06c25667e25a1f9e3ebbba892.png](https://i-blog.csdnimg.cn/blog_migrate/e48336b36c29ee07d36845fddb8d2e1b.png)
![54c110996e1bd874d032690edeacff7c.png](https://i-blog.csdnimg.cn/blog_migrate/a8d65774890c1d90f99df742fda2b1d2.png)
❝开启之后屏幕所有的区域就只剩下代码区域,让你脱离一切干扰。
❞
让我想起了 一加7pro 的禅定模式, 一键单身_(:з」∠)_
这个模式太过佛系简洁,我个人用不惯
总结
❝熟练掌握这些技巧可以大大提高 代码编写 的效率
❞
特别是正则表达式,你可以通过它插入多行代码。
不过正则也不是万能的,之前遇到个需求就是匹配到的数字需要进行数学计算。仓库
貌似正则就无法处理这种复杂的情况,这个时候就需要自己写代码来处理了, python 和 js 都原生支持正则表达式匹配处理。
❝以上是我个人使用 VScode 一年多来的经验汇总,如果大家还有什么骚操作愿意分享可以留言给我^_^
❞