效率噌噌噌 - 搭建高效好用的前端開發環境（外設篇）

這幾天換設備，就跟搬新家似的，不免又要佈置一番，加上疫情爆發，凸顯了在家辦公的重要性，故藉此機會作個分享與記錄。

系列篇幅較長，我會分次更新。

本文環境基於 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沒切換，配置忘記改、緩存沒清除、執行權限等問題。

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

而這時候若是讓一個同事過來瞧瞧，他可能一眼就看出了問題所在。思惟慣性就是這麼可怕 😂

好了，家裏沒別人的時候小恐龍就是用來充當你同事的。

這時候要充分發揮精神分裂思想。把小恐龍想象成你同事，而後問它咋回事呀。而後從由頭把邏輯捋一遍。

可能很快，就會發現問題所在了。😎

固然，除了小恐龍，精分對象能夠是任意物體，有角色屬性的最好不過了，好比漂亮滴手辦