VSCode 之高效快|

绝对福利,不容错过！

常言道：“工欲善其事必先利其器”，而我的器便是 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. Ctrl + Shift + P
2. Ctrl + E 输入 >
3. 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. Shift + F5 运行 不调试
2. 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. 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. code ./ 使用 VSCode 打开当前文件
4. F11 全屏
5. 文件右键
   • 在资源管理器中打开
   • 在终端打开
   • 选择以比较 然后在选择一个文件 即可进行比较
   • 复制路径 Alt + Shift+C
   • Git 查看该文件的历史
6. Git
   1. F1
      • View Git History (git log) (git.viewHistory)
      • View File History (git.viewFileHistory)
      • View Line History (git.viewLineHistory)
   2. Alt + F3 查看文件更改
7. NPM && Task
   1. Ctrl + I 导入模块
   2. Alt + F5 运行脚本
   3. Ctrl+u 运行任务

点击显/隐源文件

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

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