正在加载

vscode怎么开启多光标 详细开启方法介绍

作者:佚名 来源:网友投稿 时间:2022-10-19 15:38

VSCode是一款非常好用的代码编辑器,许多编程专业的小伙伴们都在使用这款软件,光标是这款编程软件中非常重要的一个部分,有多少个光标代表一个用户同时可以写多少个行代码,有时多光标的开启能够让你事半功倍,所以今天小编带来的以下文章,就是让大家学习一下如何开启vscode的多光标,让你编写代码时更有效率!

vscode多光标开启方法一览

我还是以一段 CSS 代码作为例子来介绍吧,如果你要练习,直接把这段代码复制到编辑器中即可。

.foo{padding:5;margin:5;font-size:5;}

你可以看到,在上面这段 CSS 代码中,所有属性的值都是“5”,但你可能觉得这样的写法不规范,想把它们都改成 “5px”。之前你肯定是吭哧吭哧挨个在5后面加“px”。而现在,有了多光标特性之后,你第一步要做的事情,就是把光标移动到第一个 “5”的前面。接下来就有两种操作方式可以选择。

方法一

第一种添加多光标的方式,就是使用鼠标。在键盘上按住 “Option”(Windows 上是 Alt),然后鼠标点在第二个“5”之前,那么第二个光标就创建好了。现在你可以看到两个光标,第二个光标比第一个要细一点。

聪明的你肯定知道通过同样的方式来创建第三个光标。然后,按下右方向键,将光标们移动到 “5”的后面,输入“px”。这样,“5”后面就都已经加上“px”了,而这中间,你只做了一次输入。是不是很方便?

方法二

第二种方式是使用键盘,但是比第一种方式要多两个步骤,我们来一起看看是为什么。

首先你还是先移动光标到第一个“5”的前面。然后按下 “Cmd + Option + 下方向键”(Windows 上是 “Ctrl + Alt + 下方向键”),在当前光标的下面创建一个光标。

相信你已经看出来了,第二个光标,由于就在第一个光标的正下方,所以它不在第二行的“5”前面。不过没关系,我们有办法搞定它。先别急,你还是如法炮制,把第三个光标创建好。

下面你该尝试把光标移动到正确的位置啦。虽说现在三个光标的位置都是散乱的,没有什么规则,但你可以让它们移动到类似的位置:按下 “Cmd + 右方向键”(Windows 上是 End),这样它们就都移动到每一行的末尾了。

到这里问题就简单了,你只需按下 “左方向键” 将光标移动到 5的后面,然后输入 px即可完成整个操作。

对于这个样例而言,第一种方案比第二种要方便,但这两种方法解决问题的思路是一致的。前者通过鼠标操作,把光标移动到了你期望的位置,然后再执行别的操作;后者则是运用了 VS Code 内置的其他命令,把光标最终移动到你想要的位置。

在第二种方案中,你是把光标全部移动到行末,从而统一了光标的位置,进而进行“重复性”的操作。但这个问题的解决方案不是唯一的,你也可以想一想,还有没有其他别的解法。

在这里,我还是想重复下我之前说过的一个观点,使用这样的功能的时候,你可以想想如果你是设计者,你会怎么样来设计多光标特性。闭着眼睛顺着这个路径思考,也许你会更容易理解和记住 VS Code 的模式。

方法三

接下来,我再给你介绍两个关于多光标的创建的特别方法,如果你还没有消化上面的内容,也先别急,等把后面的全部看完之后再回去练习。

Cmd + D

首先讲第一种,还是上面的代码,你把光标移动到数字“5”之前,按下 “Cmd + D”,这样第一个“5”就被选中了;然后再按一次 “Cmd + D”(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多光标开启方法全部内容了,快快收藏易下载获得更多热门软件资讯吧!

Visual Studio Code相关应用推荐:

Visual Studio Mac版Visual Studio Code编辑器Visual Studio Code最新版Visual Studio Code Insiders Mac版Visual Studio Code Insiders(代码编辑器)


关于Visual Studio Code你想知道的都在这里:

怎么画流程图

怎么缩小选区

怎么进入禅模式

怎么调试控制台

怎么修改代码长度

怎么清除nuget缓存

怎么设置无声通知

怎么查看文件路径

怎么设置字母间距

怎么设置保留新线

怎么修改代码颜色

怎么设置格式模板

怎么关闭启用铃声

怎么添加扩展插件

怎么查看代码度量值

怎么自定义终端类型

怎么修改默认换行符

怎么禁止wsl配置文件

怎么关闭显示退出警报

怎么打开单元格状态栏

怎么查看文件差异信息

怎么关闭自定义图示符


看不过瘾?点击这里:Visual Studio Code使用教程大全

免责声明:根据我国《计算机软件保护条例》第十七条规定:“为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。”您需知晓本站所有内容资源均来源于网络,仅供用户交流学习与研究使用,版权归属原版权方所有,版权争议与本站无关,用户本人下载后不能用作商业或非法用途,需在24小时之内删除,否则后果均由用户承担责任。如有侵犯您的原创版权请邮件联系处理,我们将尽快删除相关内容。

发表评论

请自觉遵守互联网相关政策法规,评论内容只代表网友观点,与本站立场无关
  • 全部评论(0
    还没有评论,快来抢沙发吧!
  • 100分半 评论 城通网盘vip不限速版:用不了,版本太低
  • 苹果手机 评论 多聊app:苹果手机怎么这么下载
  • Amusedworldg 评论 UN管理器:这个un管理器怎么闪退?
  • 若干 评论 东芝打印机2010ac驱动:如何连接电脑扫描
  • 盐水 评论 酷我音乐PC端豪华VI:想要想要
  • 小可爱 评论 阿里钉app:为何没有苹果版本的
  • 是的 评论 酷我音乐PC端豪华VI:撒花撒花
  • chenzhuo 评论 风云音频处理大师破:已经试过
  • 池中之龙 评论 流星网络电视钻石破:谢谢!
  • ca 评论 魔音高音质智能编曲:需要激活
  • 000 评论 小懒猫短信压力测试:怎么才能下载
  • 气少气 评论 天使骑士:这个好
  • 怎么下载安装 评论 简谱编辑软件(JP-Wor:本软件怎么下载安装 谢谢
  • 自由勇 评论 ACDSee Pro 6简体中文版:给力
  • 自由勇 评论 ACDSee Pro 6简体中文版:给力
  • 嗯嗯 评论 WhatsApp:注册发短信要钱吗
  • 按你宝贝 评论 城通网盘vip不限速版:管用不?
  • 怎么下载啊? 评论 学习通自动课:怎么下载啊?
  • 濛璃 评论 猫爪论坛app:嗨大家好
  • 1233 评论 小懒猫短信压力测试:我要下载小懒猫
  • 定时 评论 edge浏览器自动安装恶:彻底卸载
  • 哈哈乐 评论 microsoft office 2021精简:win10下无法运行。。。
  • 30389203@qq.com 评论 爱剪辑vip去广告破解:用不了。。。。。。。。。。。。。。。。。。。。。。。。
  • 安妮宝贝 评论 城通网盘vip不限速版:哈哈哈哈哈哈
  • 张老四 评论 白山远航游戏中心:想找回白山远航的游戏
  • kj4 评论 microsoft office 95英文原:提取码?
  • 18717889553 评论 长剑跑者:hoaw
  • 那边的过客 评论 追踪在线app:在哪里续年费
  • 666 评论 万能无线键鼠对码软:不卡是粘连
  • 妮妮 评论 WhatsApp:我现在是安卓手机,怎么下载whatsapp
  • 往事随风 评论 茶几杯电脑版企业微:注册码从哪搞
  • zhuxiaob1n@qq.xom 评论 劲舞简单辅助:注册时 一直显示连接超时
  • 234 评论 贱人工具箱破解版:很好呢
  • 游客10086 评论 生存战争2金融时代:我觉得不好玩
  • 临时演员 评论 劲舞简单辅助:下载不了
  • 妍纯 评论 风神翼龙模拟器:我想下载这个游戏翼龙模拟器。帮我一下。
  • 稻草人 评论 雷蛇雷音专业破解版:没有激活码啊?
  • 呵呵 评论 劲舞简单辅助:电脑上有链接吗
  • 鸽王不古 评论 unity2020破解补丁:密码???
  • 超丑 评论 战地模拟器七项修改:VC新旭村
  • dwrer 评论 通用办公报表打印软:通用办公报表打印软件是一款智能办公自动化的开单和打印软件
  • 时间 评论 辛选精灵app:为什么唤醒后短时间就关闭了
  • 好认啊 评论 真三国无双7steam api:可以的,直接打开了
  • 哥哥哥 评论 爱普生epl6200l打印机驱:发发发呵呵哈哈哈
  • ... 评论 火柴人的午夜后宫2:如果要花钱的物品都卖了那就更好了
  • 哈喽 评论 苹果手机AppStore注册怎
  • 可以购买商业版博易吗 评论 博易大师模拟交易软:可以购买商业版博易吗
  • 懒龙 评论 Win11电脑怎么将快速启:郁闷,这整得也太复杂了!弄不懂。。
  • 卍灵 评论 多聊app:教一下咋弄
  • 卍灵 评论 多聊app:电脑版咋下载

相关文章

vscode系列 vscode怎么关闭启用格式选项 详细关闭启用格式方法介绍

vscode怎么关闭启用格式选项 详细关闭启用格式方法介绍

2023-04-24

vscode系列 vscode怎么关闭php模板语言标记 详细关闭php模板语言标记方法介绍

vscode怎么关闭php模板语言标记 详细关闭php模板语言标记方法介绍

2023-04-22

vscode系列 vscode怎么转换markdown文件格式 详细转换文件格式方法介绍

vscode怎么转换markdown文件格式 详细转换文件格式方法介绍

2023-04-20

vscode系列 vscode怎么设置任务栏显示范围 详细设置显示范围方法介绍

vscode怎么设置任务栏显示范围 详细设置显示范围方法介绍

2023-04-20

vscode系列 vscode怎么开启动画功能 详细设置启用动画方法介绍

vscode怎么开启动画功能 详细设置启用动画方法介绍

2023-04-20

vscode系列 vscode怎么打开git承诺时间表 详细打开git承诺时间表方法介绍

vscode怎么打开git承诺时间表 详细打开git承诺时间表方法介绍

2023-04-20

vscode系列 Visual Studio Code怎么开启智能提交功能 详细开启智能提交方法介绍

Visual Studio Code怎么开启智能提交功能 详细开启智能提交方法介绍

2023-04-20

vscode系列 Visual Studio Code怎么设置lint参数 详细设置lint参数方法介绍

Visual Studio Code怎么设置lint参数 详细设置lint参数方法介绍

2023-03-30

vscode系列 visual studio code创建html项目怎么运行 详细创建html项目方法介绍

visual studio code创建html项目怎么运行 详细创建html项目方法介绍

2023-03-14

vscode系列 visual studio code怎么运行c++代码 详细编译运行c语言教程分享

visual studio code怎么运行c++代码 详细编译运行c语言教程分享

2023-03-14

今日推荐

  • 手游畅玩
  • 热门应用
  • 最新更新