vscode多个光标_21 个VSCode 快捷键,让代码更快,更有趣
本文原载于SegmentFault专栏:终身学习者
作者:前端小智
整理编辑:SegmentFault
command
做为前端开发者来说,大都数都用过 VSCode,并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道,也比较少用,毕竟这很好,因此本文就列出一些快捷键方便大家学习与记忆。
在这篇文章中,我将列出我最喜欢的快捷键,这些快捷键让我更快的编写代码,也让编码变得更有趣,以下是21 个 VSCode 快捷键,分享给你。
1、一次搜索所有文件的文本
Windows: Ctrl + Shift + F
VSCode中我最喜欢的特性之一是能够在项目目录中的所有文件中搜索任何匹配的文本。
要使用此特性,可以按Ctrl + Shift + f
打开视图,它将显示编辑器左侧的侧边栏:
输入查找的內容并回车,VS code 将提供与输入内容匹配的结果列表,如下所示:
你还可以同时规制每个搜索果文件中的所有匹配内容。如果你单击左边的这个小箭头,它将在下面弹出第二个输入框,可以在这里输入要替换的文本,同时单击右边出现的小框:
2、为 tabs 设置强调色 (Material Theme)
你是否厌倦了每天看到相同的 tabs 底部颜色?可以使用 Material Theme 来扩展 VsCode 的主题,这样就可以为 tabs 设置不同的颜色。
红色:
紫色:
黄色:
有16种不同的颜色可供选择。
因此,如果胸有安装此扩展,打开的命令面板(Ctrl + Shift + P
),选择 Material Theme: Set accent color
并从列表中选择一个颜色,它将更改选项卡的下划线颜色,如下所示
3、进程资源管理器
你是否发现你的VsCode 编辑器有时有点慢?这时候你希望哪个进程在吃我们的内存?
好吧,如果你还不知道,VsCode 有一个进程资源管理器功能,如下所示:
是不是看起来很熟悉?
在windows任务管理器中看到过这一点,在VsCode 中按Ctrl + Alt + Delete
可以打开该任务管理器。
4、Expand Bracket Selection
打开键盘快捷键(Ctrl + Shift + P
或 command + Shift + p
),搜索 Expand Bracket Selection
。
这是我需要花费一些时间才能发现的,因为我无法猜出该功能的名称。使用此功能可以自动选择整个块,从开始的大括号到结束。
我发现这个功能在想要找到 if/else
对应的结束块很有用。
5、重新打开 关闭的编辑页面
Windows: Ctrl + Shift + T
当你处理一个文件很多的大型项目时,如果不小心关闭了一个页面,并且不得不在侧菜单中再次搜索它,这可能会有点令人沮丧。
现在,可以按 Ctrl + Shift + T
重新打开一个关闭的页面。
6、通过匹配文本打开文件
Windows: Ctrl + T
说到搜索文件,你可以动态地搜索和打开文件。这是我最喜欢的特性之一,因为不需要手动单击目录来重新打开一个不再打开的文件。
7、集成终端
Windows: Ctrl + `
通过 Ctrl + `可以打开或关闭终端
8、查看正在运行插件
你可以通过打开命令面板(Ctrl + Shift + P
)并输入Show running extensions
来查看所有你安装的正在运行的插件。
9、重新加载
我个人认为这是 VsCode 最酷的特性之一。它允许你在重新加载编辑器时将窗口放在前面,同时具有与关闭和重新打开窗口相同的效果。
Windows: Ctrl + Alt + R
10、将选项卡交换到不同的组
在我开发的过程中,我习惯在错误的选项卡组中使用选项卡。我也希望避免尽可能多地使用我的鼠标来解决问题,因为这会让我把手从键盘上抬起来,我很懒,手一起想放键盘上。
幸运的是,VsCode 有一种方法可以通过按Ctrl + Alt +右箭头
(Mac:Control + Option +右箭头)
将标签移动到右侧的组,或者按Ctrl + Alt + 左箭头
将标签转移到单独的标签组 (Mac:Control + Option +左箭头)
)将标签移动到左侧的组:
11、选择左侧/右侧的所有内容
有时你想要删除光标右侧或左侧的所有内容。你可以选择光标右侧或左侧的所有内容。例如,要选择右侧或左侧的所有内容:
Windows: Ctrl + Shift + Home/End
苹果笔记本没home键,可以用组合键实现
fn键+左方向键是HOME
fn键+右方向键是END
fn+上方向键是page up
fn+下方向键是page down
12、删除上一个单词
要删除前一个单词,可以按Ctrl + Backspace
(Mac: option + delete
)。这在你打错字的时候非常有用。
你可以在 VsCode 之外的任何地方使用它。
13、启动性能
有时候,缺乏关于性能问题的详细信息是一件非常痛苦的事情,同时还要找出哪些有性能问题。
有时候,如果你足够幸运,你会找到一个工具,它能给你所有的答案。在VsCode 中,启动性能是很重要的。这就是为什么你能弹出一个有用的窗口,奇迹般地提供所有你需要的信息:
打开命令面板(Ctrl + Shift + P
),搜索Startup Performance
。
14、逐个选择文本
可以通过快捷键Ctrl + Shift +右箭头
(Mac: option + Shift +右箭头
)和Ctrl + Shift +左箭头
(Mac: option + Shift +左箭头)逐个选择文本。
15、重复的行
一个非常强大和已知的功能是复制行。只需按 Shift + Alt + 向下箭头
(Mac: command + Shift + 向下箭头
)
16、移至文件的开头/结尾
要使光标移到文件的第一行或最后一行,最快的方法是按Ctrl + Home
(Mac: command + Home
)键开头,然后按Ctrl + End
(Mac: command + End
)键结尾。
17、批量替换当前文件中所有匹配的文本
可以选择任何一组文本,如果该选中文本出现多个,可以通过按Ctrl + F2
(Mac: command + F2
)一次改所有出现的文本。
18、向上/向下移动一行
按Alt + 向上箭头
(Mac: command+ 向上箭头
)当前行向上移动,按Alt + 向下箭头
(Mac: command+ 向下箭头
))当前行向下移动。
19、删除一行
有两种方法可以立即删除一行。
使用Ctrl + X
剪切命令(Mac:command + X
)来删除一行。
或者使用 Ctrl + Shift + K
(Mac: command + Shift + K
)命令。
20、将编辑器向左或向右移动
如果你像我一样,你可能会有一种无法控制的欲望,想要在一个组中重新排列选项卡,其中选项卡相互关联,左边的选项卡是比较重要文件,而右边的选项卡是相对不重要的文件。通过 Ctrl+Shift+PgUp/PgDown(command + +Shift+PgUp/PgDown)向左/向右移动编辑器。
21、复制光标向上或者向上批量添加内容
在 VsCode 中复制游标可以证明是最节省时间的特性。
按Ctrl + Alt +向上箭头
(Mac: Control + Option +向上箭头
)将光标添加到上面,按Ctrl + Alt +向下箭头
(Mac: Control + Option + 向下箭头
)将光标添加到下面。
欢迎关注 SegmentFault 微信公众号 :)
vscode多个光标_21 个VSCode 快捷键,让代码更快,更有趣相关推荐
- vscode 怎么让光标一下子跳到行尾部_动图演示23个常用 VsCode 快捷键(Window Mac)...
作者:Andreas 译者:前端小智 尽管我们经常使用 VS Code中的许多快捷方式,但是我们有可能会忘记它们.这里用可视化制作了一些GIF,以便更好地记住它们,希望对你有所帮助. VSCode中的 ...
- vscode 结束_21 个VSCode 快捷键,让代码更快,更有趣
原文:https://medium.com/better-programming/21-vscode-shortcuts-to-make-coding-faster-and-more-fun-b18b ...
- vscode代码调整快捷键_21 个VSCode 快捷键,让代码更快,更有趣
注意:本身尝试的时候,Mac(17, pro) 与原文提供的快捷键盘不太同样,mac 对应的 Ctrl 要换成 commandgithub 作为前端开发者来讲,大都数都用过 VSCode,而且也有不少 ...
- vscode运行python快捷键_21 个VSCode 快捷键,让代码更快,更有趣
点赞再看,养成习惯 本文 GitHub https://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料.欢迎Star和完善,大家 ...
- delphi 折叠代码 快捷键_我收藏的几个更快搬砖的vscode快捷键
作者:漓漾li 来源:https://urlify.cn/fYjyi2 这篇文章旨在帮助使用 VS Code 的人能够更快速的开发,不是每个人都有时间去研究每一个提示和技巧,去发现帮助他们更快开发的那 ...
- plsq如何快捷整理代码_我收藏的几个更快搬砖的vscode快捷键
作者:漓漾li 来源:https://urlify.cn/fYjyi2 这篇文章旨在帮助使用 VS Code 的人能够更快速的开发,不是每个人都有时间去研究每一个提示和技巧,去发现帮助他们更快开发的那 ...
- vscode 多行 行尾_vscode 常用快捷键
简介 vscode 作为2019 年最流行的开源IDE没有之一,目前github star 数78k+. 官网截图: 常用快捷键 窗口管理 打开一个新窗口: Ctrl+Shift+N 关闭窗口: Ct ...
- Vscode 快捷键生成代码片段
Vscode 快捷键生成代码片段 1. 网站工具 2. 自动生成日期及自动定位光标 3. 码片段配置步骤 4. 我的代码片段 1. 网站工具 需要借助的网站(可快速生成vscode需要的代码片段格式) ...
- VSCode窗口全部字体大小缩放设置 - 快捷键
VSCode窗口全部字体大小设置办法? 注意:这种修改是等比例修改,不影响之前代码的font-size统一与否. 如果,只是想单独修改代码编写区域的代码大小,可以查看文章:"VSCode字体 ...
最新文章
- Spring 学习笔记
- shell 中一个进制转换的小技巧
- uboot的作用和功能
- 微信小程序:获取地理定位和显示相应的城市名称。
- SAP BPC最佳实践-SAP BPC的OLAP引擎比较(MS OLAPBW OLAP)
- 一位技术人员成长的烦恼及我的分析(转)
- 剑指offer 算法 (分解让复杂问题简单)
- C#中怎样在ToolStripMenuItem下再添加子级菜单
- mysql表连接_mysql表连接
- 年发5篇Science,现入选中国榜“35岁以下科技创新35人”!
- C++ 对象的初始化和清理
- 【并发技术01】传统线程技术中创建线程的两种方式
- 中车四方时速600公里高速磁浮试验样车试跑成功
- 小度智能音响拆解 芯片_拆解报告:小度人工智能音箱1S
- log4j在web中的使用
- shell应用之下载rpm包
- 网页设计Dreamweaver【1】
- HttpUtil工具
- 二维码定位算法流程图
- 定义一个鸭子的类java_鸭子类型:一切都是为了复用
热门文章
- 第三章 处理机调度与死锁
- SpringMVC环境配置全过程IntelliJ IDEA 2020.3.1
- Tomcat启动一闪而过
- 板材开料最优算法_板材套料软件AutoNest与Tekla Structures协同工作实现设计到加工自动化...
- C++ error:LNK2005 已经在*.obj中定义
- 算法每日学打卡:java语言基础题目打卡(19-21)
- Handler消息传递机制(一)
- ContentValues(Java)
- 掉一根头发,搞定二叉排序(搜索)树
- LinkedList插入元素一定比ArrayList快吗