--愿你内心有种不灭的火焰,将你与别人区分开来--

0%

VSCode 基础篇

VSCode 基础篇

高频快捷键

Cmd + Shift + P 切换命令面板

Ctrl + \` 切换 VS Code 集成终端

Ctrl + Option + O 在 VS Code 集成终端中打开当前文件

Cmd + shift + c 在系统终端中打开当前目录

常用快捷键

文件跳转

Cmd + Tab 在当前打开的文件中切换

Cmd + P 搜索当前工程下的文件

行跳转

Ctrl + G 输入目标行

符号(Symbols)跳转

cmd + shift + O 工具栏输入框里将会自动输入 @,此时会列出当前文件中的所有符号。如果输入紧接再输入一个 :,则会将所有符号进行分类。

JavaScript 中的小技巧:如果同时打开了多个 .js 文件,可以使用 Cmd + T 搜索这个文件中的符号。

定义(Definition)和实现(implementation)跳转

F12 跳转到函数定义处
Cmd + F12 跳转到函数实现的位置
Shift + F12 可以打开函数的引用预览
Ctrl + - 跳回到上一个操作时的位置

代码补全、快速修复、重构

Cmd + . 可以调出快速修复的列表来。比如写 CSS 时,将 padding 写成了 pading,可通过快速修复列表进行修改

Cmd + . 把一段代码抽取出来装换成一个单独的函数。需要先选中一段代码,然后会出现一个黄色的小灯泡,这时按下 Cmd + . 就出现将代码提取到全局还是当前函数的提示

F2 修改一个函数或者变量的名字

mac 默认是没有开启 F1~F12 的功能的,需要在 系统偏好设置 => 键盘 => 勾选 将F1、F2等键用作标准功能建

代码折叠,小地图和面包特性

Cmd + Option + [ 折叠当前光标所在的最内层代码
Cmd + Option + ] 展开当前光标所在的最外层代码
Cmd + K && Cmd + [ 从当前光标所在位置向最外层递归折叠
Cmd + K && Cmd + ] 从当前光标所在位置向最外层递归展开
Cmd + K && Cmd + O 折叠当前编辑器的所有可折叠的代码
Cmd + K && Cmd + J 展开当前编辑器的所有可展开的代码

通过关键词注释控制代码折叠

详情可参考 VS Code 官方文档

小地图

通过小地图我们可以看见整个文件的缩略版,但是很多时候我们只是需要看个大概的结构,而没必要看清每个字符。

Cmd + P 打开命名面板,搜索 Open Settings, 找到 editor.minimap.renderCharacter, 将其关闭,如此,所有的字符都会被渲染成色块

面包屑导航

面包屑主要是展示目前的代码在整个工程里的路径,同时你还能够看出这个代码所在位置的结构层级并且可以快速跳转。

要打开这个功能,Open Settings => breadcrumbs.enabled,找到后将它打开。

搜索和替换-单文件内

Cmd + F 自动将当前光标所在位置的单词填充到搜索框中,接着按下 Shift + Enter 可以在所有搜索结果中快速跳转。但是,Cmd + F 的聚焦点是在搜索框,不能直接修改目标字段。

Cmd + G 可以不断在搜索结果之间自上而下地循环跳转,这时我们只需直接打字就能对代码进行修改了。

Cmd + Shift + G 自下而上的搜索。

此外在进入到搜索状态是时候,可以通过以下快捷键切换响应的功能:

Cmd + Option + C 大小写敏感切换 (Case)
Cmd + Option + W 全单词匹配 (Word)
Cmd + Opiton + R 正则表达式匹配 (Regular Expression)

替换

Cmd + Option + F 直接调出替换窗口
Tab / Shift + Tab 在替换输入框和搜索输入框之间相互跳转
Cmd + Option + Enter 替换全部内容
Cmd + Shift + 1 替换第一个匹配结果
Cmd + Shift + L 将选中的单词替换为小写
Cmd + Shift + U 将选中的单词替换为大写

搜索-多文件

Cmd + Shift + F 打开多文件搜索

专注模式

Cmd + B 打开或者关闭侧边栏

Cmd + J 打开或者关闭面板

Cmd + K && Cmd + Z “切换禅模式”或者在 Cmd + Shift + P 中输入Toggle Zen Mode

多行编辑

Alt + Shift + i: vim 下选中多行,然后进入多行编辑模式