效率噌噌噌 - 搭建高效好用的前端开发环境（外设篇）

这几天换设备，就跟搬新家似的，难免又要布置一番，加上疫情爆发，凸显了在家办公的重要性，故借此机会做个分享与记录。

系列篇幅较长，我会分次更新。

本文环境基于 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没切换，配置忘记改、缓存没清除、执行权限等问题。

但你就是陷入思维盲区，可能你折腾大半天，仍然百思不得其解。

而这时候如果让一个同事过来瞧瞧，他可能一眼就看出了问题所在。思维惯性就是这么可怕 😂

好了，家里没别人的时候小恐龙就是用来充当你同事的。

这时候要充分发挥精神分裂思想。把小恐龙想象成你同事，然后问它咋回事呀。然后从由头把逻辑捋一遍。

可能很快，就会发现问题所在了。😎

当然，除了小恐龙，精分对象可以是任意物体，有角色属性的最好不过了，比如漂亮滴手办