使用快捷键将大大提高我们的开发效率,本文主要整理了我在日常开发中常用的几款工具(软件)的一些快捷键。前端开发中用的最多的开发工具有:Mac下的终端工具iTerm
,Chrome浏览器
,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 + /
: 块注释、取消块注释