VSCode是一个非常好用的代码编辑器,很多编程伙伴都在用这个软件。光标是这个编程软件非常重要的一部分。多少个光标代表用户可以同时编写多少行代码。
有时候打开多个游标可以让你事半功倍,所以今天边肖带来的下面这篇文章就是让大家学习如何打开vscode的多个游标,让你更高效的编写代码!
下面我以一个CSS代码为例来介绍一下。如果你想练习,直接把这段代码复制到编辑器里就可以了。
你可以看到,在上面的CSS代码中,所有属性的值都是“5”,但是你可能觉得这样写不规范,想改成“5px”。之前,你一定是把“px”放在五后面。现在,有了多光标功能,
你要做的第一件事就是把光标移到第一个“5”的前面。那么有两种操作模式可以选择。
方法一
添加多个光标的第一种方法是使用鼠标。按住键盘上的“Option”(选项)(Windows),然后在第二个“5”前单击鼠标,则第二个光标被创建。现在你可以看到两个光标,
第二个光标比第一个稍微细一点。
聪明的你一定知道如何用同样的方法创建第三个游标。然后,按右箭头键,将光标移到“5”后面,输入“px”。这样,“px”已经加在“5”后面了,中间你只做了一次输入。方便吗?
方法2
第二种方式是使用键盘,但是比第一种方式多了两步。我们来看看为什么。
首先,你应该把光标移到第一个“5”的前面。然后按“Cmd选项向下箭头”(Windows上的“Ctrl Alt向下箭头”)在当前光标下方创建一个光标。
相信你已经看到了,第二个光标,因为在第一个光标的正下方,所以不在第二行的“5”前面。不过没关系,我们有办法解决。别急,你最好做同样的事情,创建第三个光标。
现在,您应该尝试将光标移动到正确的位置。虽然三个光标的位置比较分散,没有规律,但是可以移动到相似的位置:按“Cmd右箭头键”(Windows上为End)。
所以它们都移动到每一行的末尾。
这里的问题很简单。你只需要按“左箭头键”将光标移动到5后面,然后输入px就可以完成整个操作。
对于这个例子,第一种方案比第二种更方便,但是这两种方法的思路是一样的。前者通过鼠标操作将光标移动到你想要的位置,然后进行其他操作;后者使用VS代码中内置的其他命令。
最后将光标移动到你想要的位置。
在第二种方案中,您将所有光标移动到行尾,从而统一光标的位置,然后执行“重复”操作。但是这个问题的解决方案并不是唯一的。也可以想想有没有其他的解决方法。
在这里,我还是想重复一下我之前说过的一个观点。当使用这个功能时,你可以想想如果你是一个设计师,你会如何设计多光标功能。闭着眼睛沿着这条路径思考,也许你会更容易理解和记住VS代码的模式。
方法3
接下来,我将向您介绍创建多个游标的两种特殊方法。如果你还没有消化完以上内容,不要着急,等看完剩下的全部再回去练习。
Cmd + D
首先说第一个,还是上面的代码。在你移动光标到数字“5”之前,按“Cmd D”,这样第一个“5”就被选中了;然后再次按下“cmdd”(windows上的Ctrl D)。
你可以看到,第二个“5”也被选中了。
“Cmd + D” 这个命令的作用是,第一次按下时,它会选中光标附近的单词;第二次按下时,它会找到这个单词第二次出现的位置,创建一个新的光标,并且选中它。这样只需要按下三次,
你就选中了所有的“5”。这个时候你再按下“右方向键”,输入“px”,即可完成任务。
之所以说这个方法特别,是因为它的适用情况比较特别:处理多次出现的“相同”单词。如果你要处理的文本并不是相同的,那么这个方法就不适用了。
Option + Shift + i
接下来讲讲第二种,是跟代码行批量处理有关,也还是用的前面的代码。首先你选择多行代码,然后按下“ Option + Shift + i” (Windows 上是Alt + Shift + i) ,
这样操作的结果是:每一行的最后都会创建一个新的光标。
同样的,这种方法是基于代码行的,如果你的需求是在同一行添加多个光标,那么就不适用了。
就上面的例子,我个人第一反应是使用“ Cmd + D ”这种方式来处理。也许你会问,是不是学习一种方式就够了呢?毕竟这些方式也不那么容易记忆。我的回答也很简单,你应该都学,然后熟能生巧,融会贯通。
我前段时间读《鞋狗》 这本书,里面有一段论述相当精彩:
方法四
VS Code多光标,我们已经学习了如何使用鼠标添加多光标。不得不承认,在鼠标的帮助下,多光标的创建显得格外便捷。我们只需按下Option 键,然后在需要创建新光标的地方,按下鼠标左键即可。简言之,
就是按住Option 键,然后哪里需要点哪里。
不过,VS Code 中还有一个更加便捷的鼠标创建多光标的方式。当然,这首先要求你的鼠标拥有中键。你只需按下鼠标中键,然后对着一段文档拖出一个框,在这个框中的代码就都被选中了,而且每一行被选中的代码,
都拥有一个独立的光标。
我们已经尝试了用多种方法去创建光标然后修改代码,现在我们又为鼠标用户多提供了一种更为便捷的操作方式。尝试掌握它们吧,我相信这些便捷操作肯定能为你的高效编程之路尽一份力的。
以上就是vscode多光标开启方法全部内容了,快快收藏IT百科获得更多热门软件资讯吧!