VSCode键盘有哪些操作? VSCode键盘快捷操作汇总
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
VSCode 键盘操作,做到双手不离键盘,今天先来谈一谈核心的键盘操作:光标的移动、文本的选择、文本的删除,以及如何为编辑器命令绑定快捷键。
光标移动
移动光标最常用的就是方向键,但是方向键每次只能把光标移动一个位置,可以说是一种相对低效的方式。试想你打算把光标移动到当前行的行末,在没有鼠标的情况下,你可能需要按下右方向键几秒甚至十几秒钟。
不过,不用担心。虽然 VS Code 是基于 Web 技术开发的非原生应用,但是它支持针对单词、行、代码块、整个文档等多种光标移动方式。
今天,我会借助一段非常简单的 5 行 JavaScript 代码来讲解这些操作。
function foo() { bar(); } foo();
首先是针对单词的光标移动。这个你应该比较熟悉,绝大多数原生的编辑应用和文本框都支持。这也是我自己最常用的一组快捷键。
下面这张图显示,第一行代码中的第一个单词是 function,一共8个字符,光标的位置在第五个字符 t 的后面。当你想把光标直接移动到整个单词,也就是 function 的前面,你只需按下 Option(Windows 上是 Ctrl 键)和左方向键。相反,如果要把光标移动到单词的末尾,只需要按下 Option 和右方向键就好了。
我们都知道,一直按着方向键,光标就可以不停地,一个字符一个字符地在文档中移动。但如果你同时按住 Option 和方向键,那么光标移动的颗粒度就变成了单词,你就可以在文档中以单词为单位不停地移动光标了。
第二种方式是把光标移动到行首或者行末。
比如第一行代码是 function foo() {,你只需按住 Cmd + 左方向键(Windows 上是 Home 键),就可以把光标移动到了这行的第一列;而如果你按住 Cmd 和右方向键(Windows 上是 End 键),光标就会被移动到 { 的后面。
接下来一种是对于代码块的光标移动。很多编程语言都使用花括号将代码块包裹起来,比如 if、for 语句等,你很可能会希望通过一个快捷键,就能实现在代码块的始末快速跳转。比如在这5行代码示例中,第一行到第三行代码是函数 foo 的定义,由一对花括号包裹起来,当你把光标放在花括号上时,只需按下 Cmd + Shift + \(Windows 上是 Ctrl + Shift + \),就可以在这对花括号之间跳转。
最后一种基础的光标操作就是移动到文档的第一行或者最后一行,你只需按下 Cmd 和上下方向键即可(Windows 上是 Ctrl + Home/End 键)。
文本选择
掌握了上面的快捷键之后,你还可以非常轻松地掌握文本选择的操作。因为对于基于单词、行和整个文档的光标操作,你只需要多按一个 Shift 键,就可以在移动光标的同时选中其中的文本。
比如说,你把光标放在第一行代码第四个字符 c 的后面,按下 Option 加左方向键,你就可以把光标跳转到 function 这个单词的开头,这个在前面我有讲过。如果你同时按下 Option + 左方向键+ Shift 键,那么你就能把光标到 function 单词开头之间的所有字符全部选中,也就是选中 func 这四个字符。
同理,假设说光标放在第二行,然后你按下 Cmd、Shift 和上下方向键,就能把第二行光标到第一行,或者最后一行之间的字符选中。是不是很简单呢?
对于代码块的文本选择, VS Code 默认没有绑定快捷键。那么,是不是就没办法了呢?
当然不是。你可以先使用命令面板找到命令 “选择括号所有内容” 并运行。后面我还会讲述如何为一些未绑定快捷键的命令绑定自己熟悉的快捷键,请稍安勿躁。
删除操作
了解了光标移动和文本选择,再来看删除操作,就变得相对简单了。
相关文章
Visual Studio Code怎么设置持久会话? vscode开启持久会话的技巧
Visual Studio Code怎么设置持久会话??这是很基础的知识,很多朋友可能一时找不到,下面我们就来看看vscode开启持久会话的技巧2022-04-11- VS Code怎么设置仅限环境变化指示灯?VS Code在设置指示灯的时候,想要设置斤环境变化的指示灯,该怎么设置呢?下面我们就来就来看看详细的教程2022-04-11
VSCode怎么不响铃? VisualStudioCode关闭启用铃声的技巧
VSCode怎么不响铃? VSCode中不想要用铃声是可以关闭的,该怎么关闭呢?下面我们就来就来看看VisualStudioCode关闭启用铃声的技巧2022-03-31VSCode怎么关闭自定义图示符? VSCode不使用自定义图示符的技巧
VSCode怎么关闭自定义图示符?我们可以关闭自定义图示符,改怎么关闭呢?消磨我们就来看看VSCode不使用自定义图示符的技巧2022-03-31VSCode怎么设置不自动打开peek视图? VSCode关闭自动打开peek视图的技巧
VSCode怎么设置不自动打开peek视图?VSCode自动运行期间会自动打开peek视图,该怎么关闭呢?下面我们就来看看VSCode关闭自动打开peek视图的技巧2022-03-31VSCode中git怎么开启智能提交? VSCode智能提交的设置方法
VSCode中git怎么开启智能提交?Visual Studio Code中git我们可以开启智能提交代码,该怎么开启呢?下面我们就来看看那VSCode智能提交的设置方法2022-03-25vscode自然语言搜索在哪? vscode启用自然语言搜索的技巧
vscode自然语言搜索在?自然语言搜索对于搜索的关键词要求比较宽松,搜索也方便,下面我们就来看看vscode启用自然语言搜索的技巧2022-03-16VSCode怎么设置通过按钮检索搜索选项? VSCode使用按钮检索的技巧
VSCode怎么设置通过按钮检索搜索选项?VSCode想要设置检索按钮,该怎么设置通过该按钮检索内容呢?下面我们就来看看VSCode使用按钮检索的技巧2022-03-14- vsco同步功能在哪?vsco中想要设置同步,该怎么设置呢?下面我们就来看看那VSCODE同步设置的图文教程,详细请看下文介绍2022-02-14
vscode怎么导入图片? vscode把图片放进程序的技巧
vscode怎么导入图片?vscode中想要将图片导入程序,该怎么导入图片呢?下面我们就来看看vscode把图片放进程序的技巧,详细请看下文介绍2022-02-14
最新评论