这几天换设备，就跟搬新家似的，难免又要布置一番，加上疫情爆发，凸显了在家办公的重要性，故借此机会做个分享与记录。
系列篇幅较长，我会分次更新。
本文环境基于 Mac 系统，分享我的外设和常用的软件、配置，包括:
- 外设（笔记本、显示器、鼠标键盘、电脑椅）
- 效率软件
- 常用快捷键
- 前端必备环境、工具
- chrome 插件
- vscode 配置
啥？？？ 你用 window ？
听哥一句，赶紧拿起手机买个 macbook pro 去，mac的好这里就不多说了，谁用谁知道。
--
瞄一眼居家办公房间
一眼看去简约整洁（机智的我已经把零食纸巾袜子啥的都收了😏）
模块也很简单：
- 2015 款 macbook pro笔记本 x 1
- 27 寸 4K显示器 x2
- 显示器支架 x 1
- 入门级人体工学椅子 x1
- Filco 机械键盘茶轴 x1
- apple 妙控鼠标 x1
- 恐龙抱枕 x1
Macbook Pro
我的是 2015 款的 macbook pro，到如今 2020 年，已经奋战了快 5 年，依然老当益壮啊。性能各方面都能满足。
哪怕是集成显卡 Intel Iris Pro 1536 MB， 玩 dota2 也无压力。
咱们写写前端就更不在话下了。😋
所以说，如果你是刚毕业或者是学校里的学生，手头木有足够 money，可以买个二手 macbook pro，也是完全够用的。
但mac笔记本用久了，会有个通病。
那就是电~池~鼓~包。
严重的时候触控板都按不下去。
拆开看是这样
不过这岂能难倒动手能力超强的码农[邪魅一笑]
某宝 220 元入手了新电池，换上后果断复活了。
鼓包没了，续航回来了，感觉可以再战 2 年。
外接显示器
mac 笔记本毕竟只有 15 寸，用笔记本屏幕偶尔带出去改改 bug 啥的，是够用，但要用的爽还是要连外屏。
关于外接显示屏的选择，我也是做过不少攻略，最终选择了 2 个 LG 的27寸 4K 双屏幕的搭配。型号为 LG 27ud68。
理由如下：
- 【分辨率】 1080p是不可能了，这辈子都不可能，至少4k。
- 【接口】 2015 款 macbook pro 支持雷电2 接口转 DP高清，可以做到 4k 60hz，而且有两个接口。
- 【尺寸】 如今是大屏时代了，但办公座位还是离屏幕很近的，27寸单屏太小，32寸双屏太大。所以27寸双屏比较适中。
- 【价格】 LG 的屏幕有口皆碑，价格也合适。当初618某东2千多买入一个，用了2年爽歪歪，于是后来闲鱼又1千多买了一个，双屏双倍快乐。
当然，显示器支架也很重要。
它可以让你桌面走线更整洁，还可以让你把屏幕竖起。
支架某宝174购入。
入门级人体工学椅子
话说，椅子不仅仅是生产力，说是生命力也不为过啊。
经常码代码一搞就是几小时的偶们，椅子不好容易腰膝酸软、肩周炎、颈椎病、胳膊酸痛甚至菊花疼。
以上问题常年积累，就算不短命，也会让你晚年潇洒不起来。
但考虑到在家办公的时间并不长。（码农，公司才是真正的家？）
我也没必要选特别贵的椅子。（主要还是贫穷😂）
选了好久，翻遍知乎，最后选了国产的 金豪b。包邮入手1220。
看起来不大，但是贼重。。。
安装很方便，用起来坐感还行，腰部支撑也挺好。但是久坐菊花疼啊。。。
这是为神马？难道是网布的问题？😨
于是不得以，买了个坐垫。效果还不错
鼠标键盘
对咱们码农来说，键盘鼠标就是锄头耙子啊。
机械键盘是必须的了，我选了 Filco 机械键盘茶轴。我也用过青轴和红轴，个人还是喜欢茶轴，青轴太脆太吵，红轴太软太直。
青轴吃灰了，红轴送人了，家里和公司用的都是 大 F 的茶轴。
这里要吐槽下 Filco 键盘的蓝牙，太垃圾了。经常断连，还有延迟。 于是我虽然买的蓝牙版，大部分时间还是连着 usb，当做有线的用。
某宝 1千入
鼠标的话，苹果鼠还是很好用的，有各种手势，还可以很方便的左右滑动。
恐龙抱枕
是滴，憨厚老实的小恐龙抱枕。
你肯定想问，这个萌萌哒的抱枕，跟前端编程有啥关系？
别说，还真有些用。
当你独自编程，或是在寂寞中学习的时候，看下这呆萌的微笑，可以获取一丝陪伴感和宽慰。。。
当你遇到傻逼需求或泉水被虐，心中充满愤怒的时候，抓起小恐龙一顿胖揍，可以释放你的怒火，平静你的心灵。。。
但对编程而言，最最重要的是它可以帮你 debug 啊。
比如每个程序员老司机都有过好多神奇的经历，就是遇到一个不明所以的 bug，原因可能是极其简单。
比如写错一个变量名、hosts没切换，配置忘记改、缓存没清除、执行权限等问题。
但你就是陷入思维盲区，可能你折腾大半天，仍然百思不得其解。
而这时候如果让一个同事过来瞧瞧，他可能一眼就看出了问题所在。思维惯性就是这么可怕 😂
好了，家里没别人的时候小恐龙就是用来充当你同事的。
这时候要充分发挥精神分裂思想。把小恐龙想象成你同事，然后问它咋回事呀。然后从由头把逻辑捋一遍。
可能很快，就会发现问题所在了。😎
当然，除了小恐龙，精分对象可以是任意物体，有角色属性的最好不过了，比如漂亮滴手办
程序员
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。