Mac OS下前端开发工具快捷键总结

使用快捷键将大大提高我们的开发效率,本文主要整理了我在日常开发中常用的几款工具(软件)的一些快捷键。前端开发中用的最多的开发工具有:Mac下的终端工具iTermChrome浏览器WebStorm编辑器

1、iTerm编辑器

iTerm是Mac下的终端工具,其快捷键非常丰富。

  • ⌘ + Enter: 切换全屏
  • ⌘ + D: 垂直分屏,⌘ + shift + d: 水平分屏
  • ⌘ + T: 打开一个新标签页
  • ⌘ + W: 关闭当前标签页
  • ctrl + U: 清空当前行
  • ⌘ + R: 清屏,其实是滚到新的一屏,并没有清空。等价于ctrl + l
  • ⌘ + F: 在当前屏幕查找
  • ⌘ + shift + H: 剪贴板历史,如图:

其他基本文件操作:

  • ls -a [path]:查看当前目录下所有文件, 包括隐藏文件
  • ls -l [path]:查看文件的完整信息,包括拥有者,读写权限
  • rm -rf [path]:删除文件夹
  • mv [source path] [target]:移动文件/重命名
  • cp [source path] [target]:复制文件

2、Chrome浏览器

Mac OS下的快捷键和Windows下的快捷键区别很大,前端开发主要涉及网页快捷键。

  • ⌘ + R: 刷新当前页
  • ⌘ + option + I: 打开网页开发者工具
  • ⌘ + option + U: 查看当前页源代码
  • ⌘ + Y: 打开历史记录
  • ⌘ + shift + Delete: 打开“清除浏览数据”对话框
  • ⌘ + shift + J: 打开下载内容页
  • ⌘ + T: 打开新标签页
  • ⌘ + N: 打开新窗口

3、WebStorm编辑器

  • ⌘ + alt + L: 格式化代码
  • ⌘ + 加号⌘ + 减号: 收缩代码块
  • ⌘ + shift + 加号: 收缩整个文档的代码块
  • ⌘ + 点: 切换编辑器窗口
  • ⌘ + alt + T: 用 (if..else, try..catch, for, etc.)包住
  • ⌘ + ←⌘ + →: 光标移动到代码行首、行尾
  • ⌘ + shift + F: 查找工程下的关键词路径
  • ⌘ + shift + R: 批量替换工程下的关键词
  • ⌘ + R: 批量替换代码
  • ⌘ + D: 复制当前代码行
  • ⌘ + /: 行注释、取消行注释
  • ⌘ + alt + /: 块注释、取消块注释