VSCode-快捷键(一)

当你建起一座墙的时候,被关住的究竟是谁? ——飞絮盈怀

基础操作

1、命令面板

  • 快速查找任何命令: Command Shift P
  • 文件资源管理:Ctrl Shift E
  • 快文件搜索:Ctrl Shift F
  • 源代码管理:Ctrl Shift G
  • 启动和调试:Ctrl Shift D
  • 扩展管理:Ctrl Shift X
  • 查看错误和警告:Ctrl Shift M

2、文件操作

  • 打开当前文件夹:code -r .
  • 打开文件快速定位到某一行:code -r -g 123.txt:123
  • 对比两个文件内容: code -r -d 1233.txt 123.txt
  • 使用管道符输入到一个指定文件中:ls | code - >333.txt

3、Mac 命令行光标移动

  • 移动到行首:Ctrl A
  • 移动到行尾:Ctrl E
  • 上一个命令:Ctrl P
  • 下一个命令:Ctrl N
  • 左移一个单位:Ctrl B
  • 右移一个单位:Ctrl F
  • 历史记录:Ctrl R

4、VSCode 光标移动

行内操作快捷键可以拆分出三个维度来理解
  • 操作内容:移动(无),选择(⇧),删除(⌫)
  • 操作方向:移动和选择都是左右方向键(→、←),删除的方向键(⌫、 fn⌫)
  • 操作范围:单字符(无),单词(⌥),行(⌘)
  • 因此,针对行内的操作的快捷键从以上三个维度进行组合即可。

5、编辑操作

  • 删除一行:Cmd Shift K
  • 剪切一行:Cmd X
  • 新建下一行:Cmd Enter
  • 新建上一行:Cmd Shift Enter
  • 代码行上下移动:Option 上下方向键
  • 复制当前行
    • 向上复制:Option Shift 上箭头
    • 向下复制:Option Shift 下箭头
  • 在 JS 、CSS 中
    • 使用 Cmd / 注释代码行
  • 调换字符的位置:Ctrl T
  • 调整字符的大小写:使用 transform 大小写转换
  • 合并代码行:Ctrl J
  • 行排序:使用 sort 可以对选中的行进行排序
  • 插销光标的移动和选择:Ctrl U

6、多光标操作

  • 按住Option键,然后用鼠标左键进行操作
  • 按住Option Cmd 上下方向键进行标记

标记之后支持,Option、Cmd 批量操作

  • 创建多光标的两个特别命令
    • Cmd D (多按几次可以吧相似的都选中)
    • 当我们多个光标都选中的时,使用 Cmd Shift I可以在每一行最后都创建一个新的光标

7、文件、符号、代码之间跳转

  • 文件的切换:Ctrl Tab
  • 打开最近文件列表:Cmd P
  • 打开历史记录:Ctrl R
  • 行跳转:Ctrl G
  • 符号跳转:Cmd Shift O
  • 函数定义和实现:
    • 定义:F12
    • 实现:Cmd F12
    • 引用:Shift F12

8、VSCode鼠标操作

  • 文本选择:
    • 左击一下:显示光标相应的位置
    • 左击两下:选中当前光标下的单子
    • 左击三下:选中当前行
    • 左击四下:选中当前文档
    • 左侧的行号,鼠标下拉,可以批量选中
  • 文本编辑
    • 选中一个代码块,按住不放,然后开始移动,
    • 同上,当我们拖拽代码块的时候,此时我们在按下Option按钮,此时就会复制这个代码块
    • 多光标:次操作涉及到鼠标的中间键,此时会选中一块代码,此时就会生成多个光标
    • 当我们把鼠标移动到一个函数上方的时候,此时会提示这个函数的相关信息
    • 鼠标放到函数上方, 此时使用 Cmd 键,会看到这个函数的定义的内容
  • 代码跳转
    • 使用Cmd键,左击就可以到函数声明的地方。

9、代码自动补全、快速修复和重构

  • 重构定义变量的名称,鼠标放置在鼠标的上方,然后使用F2进行重新变量命名
  • 当我们想重构一个方法的时候,我们先选中代码块,然后使用黄色的代码块,进行定义抽取方法的名称

10、code snippet

编写代码片段:

"Print to console": {
    "prefix": "log",
        "body": [
            "console.log('${1:lable}');",
            "console.log(${1:i} + 1); // ${1:i} + 1",
            "console.log(${1:$CLIPBOARD} + 1); // ${1:i} + 1",
            "$2"
        ],
            "description": "Log output to console"
}
}

Tab Stop:代码修改变量 $1,$2

占位符:当函数的变量

11、折叠、小地图、面包屑

  • 代码当前折叠:Cmd Option ] [
  • 折叠能折叠所有:

    • cmd k cmd 【
    • cmd k cmd 】
  • 全部折叠:

    • cmd k cmd 0
    • cmd k cmd j
  • 面包屑
    • breadcrumbs.enable 路径展示

文章作者: HoldDie
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 HoldDie !
评论
 上一篇
开发效率(一) 开发效率(一)
你永远无法叫醒一个装睡的人。 ——听竹 1、Vim操作1.1、正常模式1.2、插入模式1.3、尾行模式1.4、常用命令 序号 命令 备注 1. vim a.txt 打开vim 并且创建一个名称为a.txt的文本文件,启动后的v
2018-11-13
下一篇 
Maven-打包源码到本地仓库 Maven-打包源码到本地仓库
似是魔音万千,也乱不了你的心如明镜。 ——听风 经常看源码,当我们在GitHub上看到一个项目,想本地查看源码此时,在Maven中添加几行代码即可生成源码到本地仓库。 1、Maven 添加编译依赖<plugin> &
2018-11-05
  目录