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

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

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

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

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

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

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

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

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

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