mac好用工具分享

Libra_c

工欲善其事必先利其器。
? 这句话，想然大家道理都懂 ~
但最近在暑期实习的日子里，我特意留心观察了一下身边的实习生同学使用工具的习惯。我发现自己在大学认为高效率的工作模式，他们无论在意识层面还是在使用层面上对工具的掌握都有些蹩脚。特别是有部分同学 Mac 也没有怎么接触过，算是效率领域的门外汉了。所以本着做个负责的好师兄的态度，我将自己对工具使用的经验，分享给大家。也算是抛砖引玉，和大家一起聊聊有哪些 NB 又和好玩的工具。
需要注意的是：我这里主要以 Mac Apple 生态作为基调，但我相信工具和效率提升的思想是不变的，Win 下也有具体的工具可以替代，所以 Win 的同学也可以认真找一找，评论回复一下 Win 下的替代方案吧 ??
当然，? 的工具，我没有办法在这种汇总类的文章里面讲透彻，所以都「点到为止」，给了相关扩展阅读的文章，所以感兴趣的话大家再外链出去研究一番，或者自行 Google 社区的优质资源 ~
所以准备好了么？Here we go ~

? 前端工作中的那些工具
在开始聊前端的主流工具之前，先强调一下作为的 Coder，熟练，极其熟练，飞一般熟练快捷键的重要性！
成为快捷键爱好者
使用工具软件的时候，我都是下意识地要求自己记住至少 Top 20 操作的「快捷键」。虽然不至于要求一/定要成为 vim 编辑者这种级别的「纯金键盘侠」，但至少对 VSCode 主流快捷键要形成「肌肉记忆」。这就问大家一个问题，如果能够回答上，说明大家对 VSCode 快捷键掌握还是不错的 ~ 来：

问：VSCode 中 RenameSymbol 的快捷键是什么？（P.S. 若 Rename Symbol 都不知道是什么作用的话，去打板子吧 ?）

答：——————————

如果回答不上，那请加油了，相信我，快捷键每次操作都可以节省你至少 1s 的时间，想一想，有多划算吧 ~
当然在这里给大家推荐一个查询 Mac 下面应用对「快捷键」注册的工具 —— CheatSheet，长按 Command 键可以激活当前使用 App 的快捷键菜单。like this ?

快捷键没有速成之法，还是在不断重复练习，所以 KEEP ON DOING THAT。
成为 VSCode Professional
工具，也有时髦之说，自从 Typescript 开始泛滥之后，VSCode 确乎成为了主流的前端开发工具。但我发很多同学对 VSCode 的使用上还是处于一种入门水准，没有真正发挥好这个工具的强大之处 ~ 所以也在和大家一起聊一聊。我不打算写一篇 Bible 级别的 VSCode 指南，只是通过几个小 Case 告诉大家 VSCode 有很多有趣的点可以使用以极大程度上提升效率，尤其是 VSCode Extensions（插件）。

你知道 VSCode 是可以云同步配置的功能，且可以一键同步其它设备么？
你知道 VSCode 有一个可以自动给 Typescript 的 import 排序并自动清除无效依赖的插件么？
你知道 VSCode 可以使用快捷键自动折叠代码层数么？

如果都知道，那还不错 ?，如果听都没听说过，那我给大家几个建议：

把 VSCode 的快捷键列表看一遍，摘出来自己觉得可以将来提升自己编码效率的，反复执行，直到形成肌肉记忆。
把 VSCode 安装量和受欢迎度 Top200 的插件，浏览一遍，看看简介，安装自己感兴趣的插件。 ? 来一场探索宝藏的游戏吧，少读一些推荐文章，多动手自己捣鼓，找到好工具！



最/后把 VSCode 上一个绝美的皮肤和字体，按照我的审美，这就是我要的「滑板鞋」 ~ btw，主题是 OneDarkPro 字体是：FiraCode。



扩展阅读：


VSCode 插件推荐：B 乎上有很多这类文章，大家自取。


编写 VSCode 插件指南：知其然，知其所以然，我之前写过一个 VSCode Plugin，对 VSCode 的架构略知一二，感觉很 NX。


用好 Terminal
作为一个工程师，不要求你成为 Shell 大师，但 Terminal 里面的常用命令以及日常美化优化还是必须要做的。这里给大家推荐 iTerm + OhMyZsh 的模式，打造一个稳定好用的 Terminal。

下载 iTerm 安装（你用 VSCode 的也行，但我还是推荐独立终端 App，因为 VSCode 这货有时候会假死，然后把 iTerm 一下整没了，所以还是术业有专攻才行 ?），有了这货，分屏幕上 ? 就是常规操作了。



下载 OhMyZsh 安装，更新最/新的 Git 目录，把主流插件都 down 下来，装好后秒变彩色，再安装对应的主题，不要太开心。



按照个人兴趣「调教」OhMyZsh，强烈建议在 ~/.zshrc 启动这些插件：谁用谁知道 ~ ? 随便说一个功能都好用到不行，这里就不啰嗦了，有其它好用插件的同学，欢迎盖楼分享一下。


ini复制代码plugins=(git osx wd autojump zsh-autosuggestions copyfile history last-working-dir)

比如：Git 这个插件就可以将复杂的 git 命令 git checkout -b 'xxx' 简化为：gcb 'xxx' 。
比如：OSX 插件可以帮我们快速打开 Finder 等等操作。