VSCODE好用的功能、快捷命令

392 阅读3分钟

一些好用的功能

  • 更强大的搜索 image.png

  • 文件 diff 显示目录信息(当有多个同名文件的时候,这样会清晰的多) image.png

  • 编辑器一键预览 markdown image.png 开启预览 image.png

  • 编辑区一键diff image.png 开启diff image.png 再次点击就可以回到文件编辑状态 image.png

  • diff 视图快速在 diff 之间跳转(上一个、下一个) image.png

好用的一些快捷命令

移动、删除、复制

  • Ctrl+BackSpace:删除上一个词(不止vscode可以使用),不需要一个一个删除
  • Ctrl+X:快速删除当前行(剪切也能实现) -** Alt+↑**:将当前行向上移动一行
  • Alt+↓: 将当前行向下移动一行
  • Alt+Shift+↑:将当前行向上复制一行
  • Alt+Shift+↓:将当前行向下复制一行

选择

  • Ctrl+Shift+Home:选择左侧所有词
  • Ctrl+Shift+End:选择右侧所有词
  • Ctrl+D:单词选中,多次执行能选中多个相同的单词
  • Ctrl+Shift+←/→:选中词

搜索

  • Ctrl+F:当前文件内搜索
  • Ctrl+Shift+F:工作区内搜索
  • Ctrl+Shift+O(@):文件中符号跳转(@:可以进行分组)

这里我讲解一下符号指的是什么,它就是在代码中的方法或者是属性

  • Ctrl+T(#):工作区进行符号跳转

光标相关

  • Alt+左键点击:在点击的地方新增加一个光标,多光标编辑
  • Alt+←:光标回退到上一次
  • Alt+→:光标前进一次(配合光标回退使用)
  • Ctrl+Alt+↑:可以在同列上增加光标
  • Ctrl+Alt+↓:可以在同列下增加增加光标
  • Ctrl+Shift+\:跳转到匹配的括号
  • Shift+Alt+I:选中一段文字,可以在每行末尾增加光标
  • Home:移动光标到当前行头部
  • End:移动光标到当前行尾部
  • Ctrl+Home:移动光标到文件头部
  • Ctrl+End:移动光标到文件尾部
  • Shift+Shift+拖动鼠标:按住快捷键,然后拖动鼠标,选择一个文本块,光标会被添加到选中的每一行中。 v2-73e4815431fcfb207bdc08914313e16a_b.webp

代码折叠

  • Ctrl+Shift+[:折叠当前代码块,不包括子代码块
  • Ctrl+Shift+]:暂开当前代码块,不包括子代码块
  • Ctrl+K+0:折叠所有代码块
  • Ctrl+K+]:展开所有代码块

其他

  • option+点击文件:侧栏打开文件
  • Shift+Alt+F:格式化代码
  • Ctrl+Shift+T:重新打开被关闭的页面
  • Ctrl+`:打开集成终端
  • F2:重命名
  • Ctrl+F2或Ctrl+Shift+L:可以在页面中出现这个词的不同地方都出现光标,和F2重命名类似,但是它更加广泛,因为还可以对比如字符串相同的非同一变量或函数类的东西修改
  • Ctrl+B:打开或者折叠侧边栏
  • Ctrl+Alt+←/→:将选项卡交换到不同的组
  • Ctrl+Shift+P(>):打开命令框,可以执行相关命令
  • Ctrl+P:打开命令框,可以搜索快速打开文件,文件后面添加:lineNumber可以快速跳转到某行
  • Ctrl+G(:):打开命令框,可以快速跳转到某一行
  • Ctrl+K+S:快速打开快捷命令面板
  • Ctrl+K+X:清除多余空格(可以自动执行) image.png

如何修改快捷键

  • 打开快捷命令面板,找到对应的命令,修改键绑定 image.png

如何自定义代码片段

Ctrl+Shift+P:打开命令窗口,输入用户代码片段,选择新建全局用户代码片段 image.png

$1代表,代码片段创建后,光标初始位置,$2代表光标第二次出现的位置,$3代表光标第三次出现的位置,以此类推,使用tab切换光标位置

  • 置顶自定代码片段:打开设置(Ctrl+,),输入editor.snippetSuggestions,将选项改为top