本篇文章带大家聊聊vscode中的光标操作，本文只会涉及到与我们最息息相关的光标操作，那我们就开始吧！

我们的目标只有一个，让我们喊出我们的口号：让开发如丝般顺滑！文章中的示例大多 mac 版为主，因为本人是 mac，但 win 版无需担心，破阵心法，牢记于心：command 就是 ctrl 键。

vscode 小技巧 -- 光标操作

        光标操作我们日常使用方向键，我们在日常中其实肌肉记忆下意识也会用到很多它的技巧，比如按住 cmd 键左右就可以到行首行尾，但却很难总结，一叶遮目的感觉。我抛砖引玉给个突破点：颗粒度。我们日常使用时左右方向键只会一个字符，即颗粒度是字符，如果我们想到词尾或者句尾，这就很麻烦了；这句话其实就标明了我们的重点：颗粒度；那么，如何操作光标的颗粒度呢？【推荐学习：《vscode教程》】

水平方向上

结合方向键

垂直方向上

注：【当前行上/下移】不是光标而是代码块操作（因为光标操作直接方向键就可以了），但很适合放在这里，这样就可以和水平方向上匹配了；水平上:行-cmd 单词-option；垂直上文档-cmd 行-option；

其他光标操作

扩展：【选中】操作只需要再加个【shift】即可；【删除】操作颗粒度同光标操作，反方向则加fn即可（如删除所在行光标前所有内容为【cmd+delete】而光标后内容则为【cmd+fn+delete】）

光标操作实例

针对单词的光标移动

想把光标直接移动到整个单词，也就是 function 的前面或后面，你只需按下 Option（Windows 上是 Ctrl 键）和左方向键。

光标移动到行首或者行末

按住 Cmd + 左方向键（Windows 上是 Home 键），就可以把光标移动到了这行的第一列

移动到文档的第一行或者最后一行

按下 Cmd 和上下方向键即可（Windows 上是 Ctrl + Home/End 键）

代码块的移动

Cmd + Shift + \（Windows 上是 Ctrl + Shift + \），就可以在这对花括号之间跳转。

当前行上/下移

其他光标操作

撤销光标处理

多光标操作

        至此，我们已经了解了单光标的移动，选中（其实就是移动加上shift键），删除（选中加delete）等操作，那么，如果我们需要一次操作多个地方呢？这时我们就需要来到光标操作的高阶使用了，多光标操作。

        关于这个话题，其实重点就是如何在需要的位置创建多光标，因为创建后就和单光标的操作一致了。

基础操作-鼠标创建多光标

在键盘上按住 “Option”（Windows 上是 Alt），然后点击要新建光标的地方即可。

但很明显，这种方法普遍适用但不方便，我们每创建一个光标都需要找到位置并点一下，八二原则，我们可以用快捷键实现常见的那 20%的操作，下文主要介绍三种常见场景。

提效操作

关于光标操作的扩展

其他光标操作

选中删除联想

        【选中】操作只需要再加个【shift】即可；【删除】操作颗粒度同光标操作，反方向则加fn即可（如删除所在行光标前所有内容为【cmd+delete】而光标后内容则为【cmd+fn+delete】）

        到此，我们就了解了 vscode 本身对光标操作的基本设计理念啦。

自定义快捷键

        但如果我们用不惯呢？vscode 自然也不会这么死板，它是支持为行为、也就是我们所说的命令自定义快捷键的，这里说之前困惑过我的一点，就是我们说的创建光标、移动等等对应 vscode 而言其实就是一条内嵌的命令，理解了这个，才好进行自定义，我当初没理解所以一直在想的问题是：我该怎么去翻译我要做的事情。

三步走：找到定义keyboard Shorycut的地方，找到对应的操作，为操作绑定快捷键。

Eg：为【选择括号内所有内容】的操作绑定Cmd + Shift + ]快捷键为例

找到定义keyboard Shorycut的地方

找到对应的操作

为操作绑定快捷键

双击-》按下需要绑定的快捷键-》回车确定（按错的话别回车就可以了）

这里多说一句，快捷键其本质就是行为和特定按键【在特定场景下】的绑定，在 vscode 中通过 JSON 进行描述，我们可以通过执行>Open Keyboard Shortcuts(JSON)进行查看，如果我们需要实现一个高级的快捷键，就会需要这些知识了。

其中的when的定义注意点比较多，所有取值可以查看文档

而对于高级写法，VS Code 还支持几个基础的操作符。这样我们就能够书写相对复杂的条件语句了。

• ! 取反。比如我们希望当光标不在编辑器里时，绑定一个快捷键，那么我们可以使用 !editorFocus，使用 ！进行取反。
• == 等于。when 条件值除了是 boolean 以外，也可以是字符串。比如 resourceExtname 对应的是打开的文件的后缀名，如果我们想给 js 文件绑定一个快捷键，我们可以用 resourceExtname == .js。
• && And 操作符。我们可以将多个条件值组合使用，比如我希望当光标在编辑器里且编辑器里正在编辑的是 js 文件，那么我可以用 editorFocus && resourceExtname == .js。
• =~ 正则表达式。还是使用上面的例子，如果我要检测文件后缀是不是 js，我也可以写成 resourceExtname =~ /js/，通过正则表达式来进行判断。

总结

        到此，光标操作相关的分享就结束啦，关于 vscode 的了解，它并非银弹，没它也能用，但总觉得编程本身枯燥的事情，还是需要这种探寻的快乐的，生而有崖而学无涯，用我那时候学完写的随笔感想为我们这部分分享结个尾好了：人生性懒惰，不只是表面，更是思想，懒于思考只是习惯于遇坑填坑，跳进坑里几乎是一件必然事件，勤于思考，享受思考。

        最后，顺口溜总结一下下，希望对诸君有所帮助：移动考虑颗粒度，多个就上快捷键，定制还需自绑定，操作牢记 shift 键。

更多关于VSCode的相关知识，请访问：vscode基础教程！

# vscode  # json  # 正则表达式  # Boolean  # 字符串  # delete  # JS  # function  # 事件  # windows  # 方向键  # 绑定  # 按下  # 就可以  # 多个  # 可以用  # 自定义  # 的是  # 所有内容  # 就会 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何用5美元大硬盘VPS安全高效搭建个人网站？  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  laravel怎么通过契约（Contracts）编程_laravel契约（Contracts）编程方法  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  教你用AI润色文章，让你的文字表达更专业  如何快速上传自定义模板至建站之星？  Laravel如何实现API版本控制_Laravel API版本化路由设计策略  如何在阿里云虚拟主机上快速搭建个人网站？  Laravel如何将应用部署到生产服务器_Laravel生产环境部署流程  米侠浏览器网页背景异常怎么办 米侠显示修复  Win11怎么关闭专注助手 Win11关闭免打扰模式设置【操作】  北京的网站制作公司有哪些,哪个视频网站最好？  米侠浏览器网页图片不显示怎么办 米侠图片加载修复  JavaScript如何实现错误处理_try...catch如何捕获异常？  如何实现建站之星域名转发设置？  如何用腾讯建站主机快速创建免费网站？  进行网站优化必须要坚持的四大原则  为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】  Laravel怎么创建控制器Controller_Laravel路由绑定与控制器逻辑编写【指南】  文字头像制作网站推荐软件,醒图能自动配文字吗？  在线教育网站制作平台,山西立德教育官网？  Laravel如何生成PDF或Excel文件_Laravel文档导出工具与使用教程  音响网站制作视频教程,隆霸音响官方网站？  Laravel如何使用模型观察者？（Observer代码示例）  ,网页ppt怎么弄成自己的ppt？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  如何在Windows虚拟主机上快速搭建网站？  php做exe能调用系统命令吗_执行cmd指令实现方式【详解】  🚀拖拽式CMS建站能否实现高效与个性化并存？  EditPlus 正则表达式 实战(3)  轻松掌握MySQL函数中的last_insert_id()  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  iOS验证手机号的正则表达式  Laravel如何发送系统通知？（Notification渠道示例）  如何在服务器上三步完成建站并提升流量？  nodejs redis 发布订阅机制封装实现方法及实例代码  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  如何快速搭建高效香港服务器网站？  如何快速选择适合个人网站的云服务器配置？  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  使用spring连接及操作mongodb3.0实例  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  Python制作简易注册登录系统  Laravel如何使用withoutEvents方法临时禁用模型事件  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)  电商网站制作价格怎么算,网上拍卖流程以及规则？  Laravel的辅助函数有哪些_Laravel常用Helpers函数提高开发效率  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？