对前端开发人员来说,窗口切换、编辑器输入比较频繁,掌握一些快捷键操作,虽然一开始可能要记一记,但熟悉了之后,能大大提高我们的开发效率。前端开发用mac的比较多,这里以mac为例,结合自身开发罗列了一些快捷键操作。
我个人对快捷键的态度是,记住最有效和最常用的,其他很冷门很难记的就算了,效率为上。
以下从几个方面来罗列一下最常用的mac开发快捷键
一、电脑文件窗口
前端开发人员常常需要切换窗口,创建文件,打开浏览器等等,一般切换窗口,mac的多指滑屏就很好用,而其他一些快捷键如下:(如command + c 复制、粘贴保存这种太日常的就不列了:可见mac键盘快捷键
序号 | 用途 | 快捷键 |
---|---|---|
1 | 显示桌面/显示应用 | 四指伸展/收拢 |
2 | 最小化当前窗口至‘程序坞’ | command + M |
3 | 关闭最前面的窗口 | command + W |
4 | 快速查看预览所选项 | 空格space |
5 | 显示所选文件的“显示简介”窗口 | Command + I |
6 | 新建访达窗口 | command + n |
7 | 打开文稿文件夹 | shift + command + O |
8 | 打开“隔空投送”窗口 | Shift + Command + R |
9 | 新建文件夹 | Shift + Command + N |
二、浏览器
序号 | 用途 | 快捷键 |
---|---|---|
1 | 光标移到地址栏 | command + L |
2 | 切换到下一个标签页 | Control + Tab |
3 | 切换到上一个标签页 | Control + Tab |
4 | 打开控制台 | command + option + i |
5 | 放大页面 | command + + |
6 | 缩小页面 | command + - |
7 | source搜索文件 | command + p |
8 | 文件内搜索内容 | command + f |
9 | 全局搜索内容 | command + option + f |
10 | 搜索chrome工具 | command + shift + f (然后输入captrue,可使用页面长图截取等工具) |
三、光标输入(适用于vscode编辑器)
序号 | 用途 | 快捷键 |
---|---|---|
1 | 将光标移至文稿开头/末尾 | Command + ↑/↓ |
2 | 将光标移至当前行的行首/行尾 | Command + ←/→ |
3 | 将光标移至下一个单词的末尾/开头 | Option + →/← |
4 | 跳到匹配的括号处 | Ctrl + Shift + \ |
5 | 切换tab | shift + command + [ |
6 | 查看引入的方法或组件 | command + 鼠标点击该方法名 |
7 | 多行输入,插入多个光标 | 按住option + 鼠标点击 |
8 | 撤销、取消撤销 | command + z / command + shift + z |
基本上面这些我觉得就够了,如果有某阶段用的多的,再求助下度娘就行