绝对福利,不容错过!

前言

常言道:“工欲善其事必先利其器”,而我的器便是 VSCode ,这是一款高颜值的编辑器。 不过在经过长时间的使用后,发现总有些一些快捷键令我难以接受。 遂花了一天的时间,将快捷键全部调整了一遍,总结如下:

😶 底部有源文件,可供你替换

正文

编辑

  1. Alt + Enter 跳转到下一个编辑点
  2. Ctrl + A 全选
  3. Ctrl + Shift + A Autoprefixer/Eslint
  4. Ctrl + Shift + Z 重做
  5. Ctrl + R 注释当前行
  6. Ctrl + T 格式化
  7. Ctrl + Y 选择下一个匹配
  8. Ctrl + Shift + Y 选择所有匹配项
  9. Ctrl + / 增加注释
  10. Ctrl + J 连接下一行
  11. Ctrl + Shift + J 将标签内的内容全部缩成一行
  12. Ctrl + P 交换字符位置
  13. Ctrl + G
    • 浏览 markdown
    • 开启 LiveServer
    • Alt + G 关闭 LiveServer
  14. Alt + .
    Emmet 命令列表
  15. Alt + z 自动换行
  16. Ctrl + L 选中一行
  17. Ctrl + Shift + L 跳转行
  18. Ctrl + D 删除行
  19. Ctrl + F 搜索
  20. Ctrl + H 替换
  21. Ctrl + Shift + C 向下复制一行
  22. Ctrl + Shift + V 打开 Ditto
  23. Ctrl + Enter 在当前行下边插入一行
  24. Shift + Enter 在当前行上方插入一行
  25. Alt + Up/Down 移动行
  26. Ctrl + Shift + [] 折叠代码
  27. Alt + X 光标撤销
  28. Ctrl + F5 Code Run
  29. Ctrl + Shift + Space 显示参数
  30. Ctrl + 左键 多处编辑
  31. Ctrl + Shift + 左键 块选择
  32. Alt + Shift + Right 选中标签内中的内容
  33. Alt + Shift + Left 选中标签中的第一个子标签
  34. Alt + Left 移除包裹标签
  35. Alt + Right 键入标签名 包围所在标签 与 多光标一起使用 威力无穷
  36. Alt + Shift +Enter 将当前标签替换成键入的标签
  37. Ctrl + Shift + J 将标签内的内容全部缩成一行
  38. Alt + Enter 跳转到下一个编辑点
  39. F12 移动到定义处
  40. Alt + F12 定义处缩略图,可更改
  41. Shift + F12 列出所有的引用
  42. Ctrl + Alt + Up 定位到文件中上一个修改
  43. Ctrl + Alt + Down 定位到文件中下一个修改

命令窗口

  1. F1
  2. Ctrl + Shift + P
  3. Ctrl + E 输入 >
  4. Ctrl + P 输入 >

其中在 Ctrl + E / P 窗口中还可以这么玩 :

  • 直接输入文件名,跳转到文件
  • ? 列出当前可执行的动作
  • ! 显示 Errors 或 Warnings,也可以 Ctrl+Shift+M
  • : 跳转到行数
  • @ 跳转到 symbol(搜索变量或者函数),也可以 Ctrl+Shift+O 直接进入
  • @ 根据分类跳转 symbol,查找属性或函数,也可以 Ctrl+Shift+O 后输入:进入
  • # 根据名字查找 symbol

项目

  1. Ctrl + O 打开文件
  2. Ctrl + Shift + O 打开文件夹
  3. Ctrl + Alt + O 打开本地 Git 项目
  4. Ctrl + B 打开最近项目
  5. Alt + R (需先 Ctrl + Shift + E) 打开聚焦文件的路径

标签

  1. Ctrl + Shift + T 打开关闭后的标签
  2. Ctrl + Num 聚焦到某个标签
  3. Ctrl + W 关闭当前标签

调试

  1. F5 调试
  2. Shift + F5 运行 不调试
  3. F10 单步执行

注意事项

  • 先关掉所有的 Chrome
  • 启动调试 Launch to Chrome
  • 可以使用断点,单独调试
  • 还可以像 Chrome 调试台那样 去使用调试
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    $("#header").style.background
    获取 header 的背景颜色

    $
    document.querySelector 。

    $$
    相当于 document.querySelectorAll 。

    $_
    返回上一个表达式的值

    dir
    console.dir

    keys
    取对象的键名, 返回键名组成的数组

    values(object)
    返回一个数组,该数组包含属于指定对象的所有属性值。

    dirxml(object)

    $("#header").css("color","red");
    使用页面中的框架,记录 jQuery

    1 + 2
    普通输入

    function(){alert(1);}
    函数

    设置

  1. Ctrl + , 设置
  2. Ctrl + Shift + , 快捷键
  3. Ctrl + Alt + , 代码片段
  4. Alt + F2 选择主题
  5. Alt + F1 改变语言
  6. Ctrl + Shift + S 设置

窗口

  1. Ctrl + M 打开新窗口
  2. Ctrl + Shift +M 重新载入
  3. Ctrl + \ 多栏编辑
  4. Ctrl + Shift + \ 切换多栏布局
  5. Alt + W 只保留当前栏
  6. Alt + A 当前栏增大视图
  7. Alt + Num 聚焦到第 Num 个栏

Booksmarks

  1. Ctrl + Q 切换书签
  2. Ctrl + Shift + Q 跳转到下一个书签
  3. Ctrl + Alt + Q 跳转到上一个书签
  4. Ctrl + Shift + Alt + Q 书签列表
  5. F1 + Clear remove all bookmarks in the current file 清除当前文件的所有标签
  6. F1 + Clear from All Files remove all bookmarks from all files 清除所有标签

文件

  1. Ctrl + S 保存当前文件
  2. Ctrl + Shift +S 保存所有文件
  3. Ctrl + Alt + S 另存为
  4. Ctrl + Shift + N 在资源管理器中新建文件

侧边栏

  1. Ctrl + Shift + E 聚焦到资源管理器
  2. Ctrl + Shift + F 全局搜索
  3. Ctrl + Shift + D 调试代码
  4. Ctrl + Shift + G Git 版本库
  5. Ctrl + Shift + X 插件商场
  6. Ctrl + Shift + B 切换侧边栏
  7. Ctrl + Shift + H 全局替换

底栏

  1. Ctrl + Shift + W 问题
    • F8 下一个错误/警告
    • Shift + F8 上一个错误/警告
  2. Ctrl + Shift + R 调试控制台
  3. Ctrl + Shift + U 输出
  4. Alt + Q 终端

Markdown

  1. Alt + B 粗体
  2. Ctrl + i 斜体
  3. Ctrl + Shift + [/] 增加标题等级
  4. Ctrl + G 浏览视图
  5. 右键 Markdown 视图 保存多种类型

其他特性

  1. 悬停提示
  2. 文件拖拽移动
  3. 双击变量 高亮匹配相同词
  4. code ./ 使用 VSCode 打开当前文件
  5. F11 全屏
  6. 文件右键
    • 在资源管理器中打开
    • 在终端打开
    • 选择以比较 然后在选择一个文件 即可进行比较
    • 复制路径 Alt + Shift+C
    • Git 查看该文件的历史
  7. Git
    1. F1
      • View Git History (git log) (git.viewHistory)
      • View File History (git.viewFileHistory)
      • View Line History (git.viewLineHistory)
    2. Alt + F3 查看文件更改
  8. NPM && Task
    1. Ctrl + I 导入模块
    2. Alt + F5 运行脚本
    3. Ctrl+u 运行任务

源文件

点击显/隐源文件


结束

如果你的机器是 Windows 系统,同时也是 VSCode 重度使用者,不妨试试我的快捷键,可以让你的操作彻底飞起来~😎

转载本站文章请注明作者和出处 tomotoes.com,请勿用于任何商业用途。