VS Code 快捷键，修炼至肌肉记忆境界

_阿斗
242 阅读3分钟

VS Code 是一款免费的、开源的、高性能的、跨平台的、轻量级的代码编辑器。 对于编程，编辑器就像是一把神器，提升神器熟练度，才能更快修炼各式功法。 现在开发大型应用，都习惯了使用 TypeScript，微软自家的东西，VS Code 支持的很棒，犹如一把神器附带的神技。

:small_red_triangle: 为必须掌握的

快捷键

界面

Cmd + Shift + P 打开命令面板 Cmd + Shift + E 文件资源管理器 Cmd + Shift + F 跨文件搜索 :small_red_triangle: Ctrl + Shift + G 源代码管理 Cmd + Shift + D 启动调试 Cmd + Shift + X 管理扩展

基本功

Cmd + Shift + K 删除 :small_red_triangle: Cmd + X 剪切 :small_red_triangle: Option + 上下键 移动代码行 :small_red_triangle: Option + Shift + 上下键 复制代码行 :small_red_triangle: Cmd + Enter 新开始一行 :small_red_triangle: Cmd + Shift + Enter 在上面新开始一行 :small_red_triangle: Cmd + / 注释 :small_red_triangle: Option + Shift + A 多行注释 :small_red_triangle: Option + Shift + F 格式化 :small_red_triangle: Cmd + K Cmd + F 选择代码局域格式化 Ctrl + T 调换字符位置 Ctrl + J 代码合并到一行

转大小写 :small_red_triangle: Cmd + Shift + P :star: Transform to Uppercase Transform to Lowercase

行排序 Cmd + Shift + P Sort Lines Ascending Sort Lines Descending

移动、选择、修改

  1. 单词 移动 Option + 左右键 :small_red_triangle: 选择 Option + Shift + 左右键 :small_red_triangle: 删除 Option + Delete （删除光标前） Option + Fn + Delete（删除光标后） :small_red_triangle:

  2. 行首与行末 移动 Cmd + 左右键 :small_red_triangle: 选择 Cmd + Shift + 左右键 :small_red_triangle: 删除 Cmd + Delete（删除光标前） Cmd + Fn + Delete （删除光标后） :small_red_triangle:

  3. 代码块 移动 Cmd + Shift + \ 选择 Cmd + Shift + P -> Select to Bracket（可自定义快捷键） 删除 选择后 delete

快速跳转

  1. 文件类 Ctrl + Tab

    切换当前打开的所有文件

    Cmd + P

    搜索跳转文件 Cmd + Enter 选择文件，按快捷键，开一个新的编辑器窗口 文件名:行号 直接跳转至文件与指定行号位置 :small_red_triangle:

    Ctrl + G（等同于 Cmd + P 输入 :） :small_red_triangle:

    跳转到指定行

    Cmd + Shift + O （等同于 Cmd + P 输入 @） :small_red_triangle:

    查看当前文件所有的关键符号（函数名、变量名等） 输入 @: 对所有关键符号进行归类

    Cmd + T（等同于 Cmd + P 输入 #）

    所有打开文件与文件中导入的其他文件中进行搜索关键符号

  2. 符号类

    1. Cmd + 左键点击 跳转至定义 (Definition) :small_red_triangle:

    2. Cmd + Fn + F12 跳转至实现 (implementation)

    3. Shift + Fn + F12 查看引用 (Reference)

      若与 MacOs 快捷键冲突，则在 系统设置偏好 -> 键盘 -> 快捷键 进行设置

多光标

  1. 手动点击生成多光标

    Option + 点击 :small_red_triangle:

  2. 上下创建多光标

    Cmd + Option + 上下方向

  3. 相同内容选中（一般用的比较多）

    Cmd + D :small_red_triangle:

  4. 选中行，末尾全部加光标

    Option + Shift + I :small_red_triangle:

编辑器终端

Ctrl + ` 终端

Ctrl + L 或 Cmd + K 清除终端显示

code 命令行

安装 code 命令行 :small_red_triangle:

  1. 打开命令面板 Cmd + Shift + P
  2. 输入安装 Shell Command: Install 'code' command in PATH

  1. code -h 或 code --help

    查看命令行支持的所有参数

  2. code -s 或 code --status

    查看 CPU、内存占用状况。

  3. code -r 或 code --reuse-window

    窗口复用

  4. code -g 或 code --goto

    打开并跳转至指定行数

    code -r -g package.json:100

  5. code -d 或 code --diff

    比较两个文件内容

    code -r -d a.txt b.txt

  6. ls | code -

    通过管道符展示当前目录下所有文件名到编辑器中

其他

  1. 设置语言
  1. Cmd + Shift + P
  2. 输入： Configure Display Language

自定义快捷键

打造一套自己的快捷键

精美实用小插件

Setting Sync

同步配置及插件至 gist 上

主题

  1. Color Theme

    个人使用系统自带的 Monokai Cmd + K Cmd + T -> 选择 Monokai

  2. File Icon Theme

    文件个人使用 Material Icon Theme 安装扩展 Material Icon Theme 然后在 设置 -> File Icon Theme -> 选择 Material Icon Theme

avatar
文章
阅读
粉丝