打造高效前端mac工作环境

打造高效的Mac工作环境

Mac简直是为程序员量身打造的开发利器,华丽丽的外观以及内置的一系列开发工具与编程语言,最重要的是,OS X基于unix系统,命令行与GUI的完美结合体.但是Mac仍然需要经过geek们的不断”折腾”才会变得更加得心应手,于是就有了这篇文章,欢迎每个读者不断补充内容!

本文参考https://github.com/macdao/ocds-guide-to-setting-up-mac/blob/master/README.md#spotlight-%E5%BF%AB%E6%8D%B7%E9%94%AE
感谢飞哥分享

一.触控板篇

设置单击为轻点

默认情况下按下触摸板才是单击,设置单击为轻点:
系统偏好设置->触控板->光标与点按:勾选『轻点来点按』

双指滚屏

双指滚屏比起鼠标,那是爽快的不是一点点。但你可能不知道的是,双指滚屏支持横向滚屏!当你双指在触控板上移动时,好比在触屏手机上,用一个手指在在屏幕上移动,360度随意滚动页面,快试试吧~

设置三指拖动

使用三指一起在触控板上移动即为拖动效果:
系统偏好设置->辅助功能->鼠标与触控板->触控板选项->勾选『启用拖移』->选择『三指拖移』。
用于拖动窗口或选中文本非常方便!

查看当前工作空间所有子窗口

四指上划,感受一下华丽丽的动画。。。

四指切换工作空间

四指水平滑动,全屏切换桌面,装逼不错。

Force Touch

  • 点击chrome网页中的单词 ,可用于查看字典
  • 点击dock中的图标,可查看当前应用下的所有子窗口

更多。。。

二.快捷键篇

⌘ = Command
⌃ = Ctrl
⇧ = Shift
⎇ = option

通用

序号 快捷键 实用指数 描述
1 ⌘ + tab ★★★★★ 切换应用程序,类似win的alt + tab
2 ⌘ + ~ ★★★★★ 切换应用下的不同子窗口
3 ⌘ + H ★★ 隐藏应用程序
4 ⌘ + M ★★ 最小化应用程序子窗口
5 ⌘ + N ★★★★ 新建应用程序子窗口
6 ⌘ + O ★★★★ 打开文件
7 ⌘ + P ★★ 打印
8 ⌘ + W ★★★★★ 关闭子窗口
9 ⌘ + Q ★★★★★ 退出应用程序,finder不可退出
10 ⌘ + 空格 ★★★★★ 切换输入法

文本

序号 快捷键 实用指数 描述
1 ⌘ + C ★★★★★ 复制
2 ⌘ + V ★★★★★ 粘贴
3 ⌘ + X ★★★★★ 剪切
4 ⌘ + S ★★★★★ 保存
5 option + → ★★★★★ 跳至下一个单词
6 option + ← ★★★★★ 跳至上一个单词
7 ⌘ + → ★★★★★ 跳至行末
8 ⌘ + ← ★★★★★ 跳至行首
9 ⌘ + fn + ← ★★★ 跳至文件首字符
10 ⌘ + fn + → ★★★ 跳至文件末字符
11 ⇧ + 以上5-10 ★★★★ 区域选择文本
12 ⎇ + delete ★★★★ 删除光标前一个单词
13 ⌘ + delete ★★★★ 删除光标到行首的内容

截图

⌘ + ⌃ + A QQ截图可满足大部分需求

Finder

Finder是OS X的资源管理器,为常驻程序

序号 快捷键 实用指数 描述
1 空格 ★★★★★ 快速预览文件内容
2 ⌘ + A ★★★★ 全选当前目录下的文件or目录
3 ⌘ + I ★★ 显示简介
4 ⌘ + N ★★★★ 新建文件夹
5 ⌘ + C ★★★★★ 复制
6 ⌘ + V ★★★★★ 粘贴(需先复制)
7 ⌘ + ⎇ + V ★★★★★ 移动文件(需先复制)
8 ⌘ + delete ★★★★★ 移动到废纸篓,如果在废纸篓中,则是放回原处
9 ⌘ + ⇧ + delete ★★★★★ 清空废纸篓
10 方向键 ★★★★ 切换选中的文件or目录,切换方式视具体视图类型而定

Chrome

Chrome是我们使用最多的浏览器,掌握它的快捷键能使工作效率大大提高。

序号 快捷键 实用指数 描述
1 ⌘ + T ★★★★★ 新建tab页
2 ⌘ + W ★★★★★ 关闭tab页
3 ⌘ + R ★★★★★ 刷新
4 ⌘ + ⇧ + R ★★★ 强制刷新
5 ⌘ + ⎇ + → ★★★★★ 向右切换tab页
6 ⌘ + ⎇ + → ★★★★★ 向右切换tab页
7 ⌘ + ⇧ + T ★★★★ 恢复刚刚关闭的tab页
8 ⌘ + ⇧ + N ★★★★ 新建隐身窗口
9 ⌘ + L ★★★★★ 聚焦地址栏
10 ⌘ + D ★★★★★ 添加当前页面至收藏夹
11 ⌘ + ⇧ + U ★★★★★ 查看页面源代码
12 ⌘ + ← ★★★ 后退(触摸板手势同样可实现)
13 ⌘ + → ★★★ 前进(触摸板手势同样可实现)
14 ⌘ + ⇧ + I ★★★★★ 开发者工具
15 ⌘ + ⇧ + J ★★★★★ javascript控制台
16 ⌘ + ⇧ + C ★★★★★ 抓取元素
17 ⌘ + ⇧ + M ★★★ (聚焦开发者工具)切换移动端模式
18 ⌘ + [ ★★ (聚焦开发者工具)向左切换工具栏
19 ⌘ + ] ★★ (聚焦开发者工具)向右切换工具栏
20 Esc ★★★★ (聚焦开发者工具)切换底部工具栏,尤其是全局搜索
21 ⌘ + = ★★★★ 放大页面
22 ⌘ + - ★★★★ 缩小页面

三.工具篇

命令行类

1. homebrew

实用指数:★★★★★
http://brew.sh/
命令行软件包管理器,自动管理依赖,mac必备工具
一行命令安装命令行软件,比如:

1
brew install nodejs

2. brew-cask

实用指数:★★★★★
https://caskroom.github.io/
brew-cask是brew的插件,用于管理GUI软件,一行命令安装GUI软件,比如:

1
brew cask install qq

省去搜索-下载-打开-拖动的繁琐过程
缺点是,下载速度可能会慢,有些软件的版本跟不上官方下载

3.oh-my-zsh

实用指数:★★★★★
https://github.com/robbyrussell/oh-my-zsh
http://macshuo.com/?p=676
zsh本身比bash等shell优秀,但是难于配置,所以就有大神开发了oh-my-zsh这么个工具,实现简单完成zsh的配置。有了它,我们就可以驰骋在彩色的世界里,主题随心换,命令行插件(比如git,sudo,npm)多的不要不要的~

4.VIM

实用指数:★★★★★
管理Linux服务器必备编辑器,不必多说
可通过brew安装

5.Vundle

实用指数:★★★★★
https://github.com/VundleVim/Vundle.vim
VIM插件包管理工具

6.wget

实用指数:★★★★
命令行下的下载工具,mac居然没有自带这个工具,很奇怪,不过用的也不多
可通过brew安装

7.tree

实用指数:★★★
通过制表符的形式展示目录结构,有时候写文档蛮有用
可通过brew安装

8.tldr

实用指数:★★★
https://www.npmjs.com/package/tldr
有时候不记得一个命令的用法,但又不想看又长又啰嗦的manpage,可以使用这个命令查看
可通过npm安装

9.nginx

实用指数:★★★★★
http://nginx.org/
这可能不算工具,但绝对是web世界中的好软件,不管前后端,都应该好好学习它!

10.autojump

实用指数:★★★★★
https://github.com/wting/autojump
快速cd到常用目录,可通过brew安装

GUI类

0.alfred

实用指数:★★★★★★★★★★
这款首推,以至于序号都得是0才行,实用指数爆表!!!
它是mac上提升效率的神器,可以是一切的入口,比如打开软件,搜索文件,执行命令,粘贴板历史。更叼炸天的是它的workflow,这通常来自第三方开发者,当然你也可以自己手动开发workflow来定制属于自己的workflow,可以去 这里 挑选适合自己的workflow。
强烈推荐购买
可通过brew cask安装

1.appcleaner

实用指数:★★★★★
有的软件可能会在电脑的很多目录下都创建文件,导致卸载不干净,通过它可以帮我们找出想卸载软件涉及到的所有文件,有洁癖同学的利器。
可通过brew cask安装

2.bbedit

实用指数:★★★
一个轻量级的文本编辑器
可通过brew cask安装

3.beyond-compare

实用指数:★★★
一个比较工具,win上很火,但收费很贵,个人认为webstorm自带的比较工具也不错
可通过brew cask安装

4.charles

实用指数:★★★★★
一款优秀的抓包工具,收费比较贵,一直没舍得买,试用版每半个小时会退出一次
可通过brew cask安装

5.cheatsheet

实用指数:★★★★
长按⌘即可查看当前应用的所有快捷键
可通过brew cask安装

6.cyberduck

实用指数:★★★
与linux服务器,传输文件,比较直观
可通过brew cask安装

7.daisydisk

实用指数:★★★
收费,可试用,分析你的mac的磁盘情况,比较详细,偶尔用用也可以
可通过brew cask安装

8.dash

实用指数:★★★★
收费,可试用,开源技术文档本地化工具,与alfred结合很好用
可通过brew cask安装

9.evernote

实用指数:★★★★★
高级功能收费,记笔记的利器,多端同步
可通过brew cask安装

10.filezilla

实用指数:★★★★★
ftp工具,蛮好用
可通过brew cask安装

11.firefox

实用指数:★★★★★
就是火狐浏览器啦,有的人喜欢
可通过brew cask安装

12.foxmail

实用指数:★★★★★
对QQ邮箱支持比较友好,几乎免配置
可通过brew cask安装

13.ghostlab

实用指数:★★★★★
收费,可试用7天,移动端多设备同步测试很叼
可通过brew cask安装

14.haroopad

实用指数:★★★★
一款比较好的markdown编辑器
可通过brew cask安装

15.hosts

实用指数:★★★★
用于方便的修改hosts文件
可通过brew cask安装

15.istat-menus

实用指数:★★★★★
实时监测你的mac情况,比如温度,cpu,内存,ip等
可通过brew cask安装

16.iterm2

实用指数:★★★★★
加强版终端,每天都在用啊,尤其喜欢它的全局调用方式
可通过brew cask安装

17.macdown

实用指数:★★★★
也是一款不错的markdown编辑器
可通过brew cask安装

18.macvim

实用指数:★★★★★
客户端VIM,编辑器之神
可通过brew cask安装

19.manico

实用指数:★★★★
通过功能键+数字快捷切换常用程序
可通过brew cask安装

20.mindnode-pro

实用指数:★★★★
用于画导图,用的比较少
可通过brew cask安装

21.mou

实用指数:★★★★
鼻祖级的markdown编辑器
可通过brew cask安装

22.qq

实用指数:★★★★★
不必多说,每天在用
可通过brew cask安装

23.scroll-reverser

实用指数:★★★★★
单独调整鼠标和触控板的滚动方向,系统自带的只能两者同时调整
可通过brew cask安装

24.shadowsocksx

实用指数:★★★★★
shadowsocks客户端,轻量级的梯子,每天在用啦
可通过brew cask安装

25.sizeup

实用指数:★★★★★
快速调整窗口大小,位置,外接显示器时,更加好用!
可通过brew cask安装

26.vmware-fusion

实用指数:★★★★★
一款强大的虚拟机软件
可通过brew cask安装

27.xtrafinder

实用指数:★★★★★
增强Finder的功能,例如剪切文件,新建文件,复制文件路径
可通过brew cask安装

28.photoshop

实用指数:★★★★★
前端必备

27.office 2016

实用指数:★★★★★
办公必备

28.google-chrome

实用指数:★★★★★
前端必备
可通过brew cask安装

29.RAR Export

实用指数:★★★★★
优秀加解压软件,兼容rar,zip等格式

30.Teamviewer

实用指数:★★★★★
优秀远程桌面软件

31.webstorm

实用指数:★★★★★
前端开发神器,个人偏爱

32.微信web开发者工具

实用指数:★★★★
用于调试微信一些接口,还可以

33.sublime text 3

实用指数:★★★★
号称最优雅的编辑器

34.sourceTree

实用指数:★★★★★
git的GUI应用,非常直观

35.zeplin

实用指数:★★★★★
读取sketch设计文件中的标注

Chrome插件

一键管理所有扩展

实用指数:★★★★
你没看错,它就是这个中文名,作用如其名!

Vimium

实用指数:★★★★
有了它你几乎可以实现全键盘上网!

HTML5高清二维码生成器

实用指数:★★★★★
对于移动端开发,还是很方便的

有道词典

实用指数:★★★★★
在网页上划词翻译,很好用

Chrono下载管理器

实用指数:★★★★★
下载管理,好用

Google文档、表格及幻灯片的Office编辑扩展程序

实用指数:★★★★★
google doc必备

JSONView

实用指数:★★★★★
美化json格式数据

LastPass

实用指数:★★★★★
管理表单密码

AngularJS Batarang

实用指数:★★★★★
调试angularjs应用必备

React Developer Tools

实用指数:★★★★★
调试reactjs应用必备

Vue.js devtools

实用指数:★★★★★
调试vuejs应用必备