绝对福利,不容错过!

前言

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

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

正文

编辑

  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调试台那样 去使用调试
    $("#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. 设置
    如果想快速找到插件的设置 只要打开设置 看看分类就好了
    然后右键 前面的复制到设置!
    然后在自己的设置前面 也可以选择编辑

窗口

  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
    终端
    • Ctrl+↑ / ↓
      上下滚动

Markdown

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

其他特性

  1. 悬停提示
  2. 文件拖拽移动
  3. 双击变量 高亮匹配相同词
  4. code ./ 使用VSCode打开当前文件
  5. F11 全屏
  6. 文件右键
    打开资源管理栏 Ctrl+ Shift +E 右键
    • 在资源管理器中打开
    • 在终端打开
    • 选择以比较 然后在选择一个文件 即可进行比较
    • 复制路径 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重度使用者,不妨试试我的快捷键,可以让你的操作彻底飞起来~sunglasses

本文会同步更新在以下地方(已链接本人主页),欢迎你在常逛的网站中关注我。

转载本站文章请注明作者和出处 tomotoes.com,请勿用于任何商业用途。
深入Web全栈各项技术,坚持原创,文章更新虽不定,但只为质量而生。
建议收藏这个坏掉的番茄 tomotoes.com ,愿陪你一起在全栈的道路上努力前行!