根據(jù) 2020 年 Stack Overflow 開發(fā)者調(diào)查報(bào)告，在 Mac 上工作的編碼者(27.5%)比在 Linux 上工作的編碼者(26.6%)要多一點(diǎn)。相比之下，使用 Windows 作為開發(fā)機(jī)器的開發(fā)者數(shù)量幾乎是其兩倍(45.8%)。多年來，我在不同的平臺(tái)之間跳來跳去，但我發(fā)現(xiàn)自己經(jīng)?；氐?Mac 上。

事實(shí)上，我從 Mac 專用的應(yīng)用程序中獲得了很多生產(chǎn)力，尤其是用于視頻制作的 Final Cut Pro X。我喜歡能夠在同一臺(tái)機(jī)器上運(yùn)行 Windows、Linux 和 Mac 應(yīng)用程序，而這只有在 Mac 上才能實(shí)現(xiàn)(我將在下文中詳談)。雖然 Windows 也提供了一個(gè)強(qiáng)大的命令行環(huán)境，但我喜歡擁有一個(gè)完全是 Linux 風(fēng)格的命令行，以及在 Mac 上集成良好的圖形工具的完整補(bǔ)充。

在本文中，我將向你展示我使用的工具。許多是跨平臺(tái)的，而另一些是 Mac 專用的。雖然我過去曾開發(fā)過 Mac 應(yīng)用和 iOS 應(yīng)用，但我現(xiàn)在的開發(fā)工作完全是針對(duì) Web 的。我維護(hù)了 10 個(gè)開源的 WordPress 插件，包括一個(gè)支持了 10000 多個(gè)非營(yíng)利組織的捐款插件和一個(gè)支持了 20000 多個(gè)網(wǎng)站的網(wǎng)站隱私插件。

雖然我過去用過很多語(yǔ)言編程(也寫過自己的編程語(yǔ)言)，但我目前的項(xiàng)目主要涉及 PHP 和 JavaScript，并擅長(zhǎng) CSS、HTML 和 SQL(及一些框架)。為了創(chuàng)建和維護(hù)這些代碼，我使用了下面所示的各種工具。在本篇中，我將向你展示我安裝的工具。在以后的文章中，我將向你展示和深入介紹有助于完成工作的云服務(wù)。

就這樣，讓我們開始吧。

集成開發(fā)環(huán)境：PhpStorm

關(guān)于代碼編輯和開發(fā)環(huán)境的話題，引發(fā)的宗教式的爭(zhēng)論我都數(shù)不清了。有些程序員發(fā)誓要走老路，只依靠命令行和 vi、emacs 等編輯器。有些程序員喜歡輕量級(jí)的文本編輯器，有些則喜歡可擴(kuò)展性更強(qiáng)的編輯器，比如 vi 和 emacs。其他人則喜歡更加可擴(kuò)展的編輯器，比如 Atom 和 Sublime Text。還有一些編碼者，包括我自己，喜歡完整的集成開發(fā)環(huán)境，比如 PhpStorm、Visual Studio Code 和 Xcode(主要是它的 Mac 和 iOS 原生開發(fā)工具)。

我選擇的武器一直是 PhpStorm。我已經(jīng)使用它多年了。它有一個(gè)優(yōu)秀的集成調(diào)試環(huán)境，可以進(jìn)行本地和遠(yuǎn)程調(diào)試。它還集成了我日常使用的各種功能，從它自帶的終端窗口到文件同步，再到版本控制和逐行文件歷史記錄。另外，它還有豐富的插件可供選擇，可以擴(kuò)展和提升編碼體驗(yàn)。

我最喜歡的一些插件包括：

• Rainbow Brackets(彩虹括號(hào))：一個(gè)很棒的插件，它不僅能匹配括號(hào)的行數(shù)，還能匹配顏色。它可以非常容易地看到哪些代碼屬于哪里。
• String Manipulation(字符串操作)：各種各樣的字符串操作、大小寫轉(zhuǎn)換等等。
• WordPress：語(yǔ)法格式化和 WordPress 式的函數(shù)格式化，以及對(duì) WordPress 掛鉤的支持。對(duì)于任何一個(gè) WordPress 插件的編碼者來說都是必備的。

本地環(huán)境：Local

在做 Web 開發(fā)時(shí)，通常最好有一個(gè)本地開發(fā)棧。Local 就是這樣一個(gè)堆棧。它提供了 Nginx 或 Apache、MySQL、帶有 Xdebug 的 PHP 安裝包，以及其他一些資源，最主要的是它帶有一個(gè)隧道，這樣基于互聯(lián)網(wǎng)的資源就可以訪問本地環(huán)境進(jìn)行編碼和測(cè)試，內(nèi)置了 SSL 集成，以及 MailHog —— 它可以攔截電子郵件，用于基于電子郵件的應(yīng)用測(cè)試。哦，而且是免費(fèi)的。

快速編輯：Sublime Text

我之前就提到過 Sublime Text，很多編碼者都把它作為主要的開發(fā)環(huán)境。它幾乎支持一系列傳說中的插件和附加組件。當(dāng)我想在 PhpStorm 固有的項(xiàng)目結(jié)構(gòu)之外編輯項(xiàng)目文件時(shí)，我使用 Sublime Text 作為一個(gè)快速編輯器。它的速度快，反應(yīng)快，而且相當(dāng)有特點(diǎn)。

提交文件到倉(cāng)庫(kù)：SmartSVN

WordPress 插件庫(kù)(所有通過的插件都在這里提供給 WordPress 用戶)不使用 Git 或 Github，而是使用 SVN 源碼控制系統(tǒng)。我覺得 SVN 的命令行很煩人，所以我使用一個(gè)叫做 SmartSVN 的圖形化用戶界面來將我的文件發(fā)送到倉(cāng)庫(kù)中。它大大降低了我在發(fā)布新版本時(shí)出錯(cuò)的幾率。

瀟灑的命令行：iTerm2

雖然在我的開發(fā)工具箱中，我更喜歡使用 GUI 界面來實(shí)現(xiàn)大部分功能，但我并不害怕在適當(dāng)?shù)臅r(shí)候使用命令行。雖然只使用標(biāo)準(zhǔn)的 MacOS 終端也是可以的，但我更喜歡 iTerm2。它提供了分屏、命令補(bǔ)完、粘貼歷史等功能。它還可以根據(jù)你的心情和項(xiàng)目進(jìn)行配置。

節(jié)省點(diǎn)擊的每一秒：Shortcut Bar

這款 Mac App Store 的小寶貝是一款方便的工具，可以捕捉快速項(xiàng)目，并從 Mac 的菜單欄訪問它們。我最大的用途是為我正在開發(fā)的各種網(wǎng)站創(chuàng)建管理頁(yè)面和用戶頁(yè)面的快捷方式。與其切換到瀏覽器窗口，然后調(diào)用書簽，我只需進(jìn)入菜單，選擇我要去的地方，就會(huì)打開瀏覽器。

這似乎是一個(gè)小功能，但當(dāng)每天在 IDE 和瀏覽器之間切換數(shù)千次時(shí)，這些節(jié)省下來的鼠標(biāo)動(dòng)作確實(shí)不少。因?yàn)榭旖輽谠试S分組，所以我還將本地和遠(yuǎn)程服務(wù)器測(cè)試位置的鏈接進(jìn)行了分組。

Mac 上的 Windows 和 Linux：Parallels Desktop

因?yàn)槲沂亲?Web 開發(fā)的，我必須在基于 Windows 的瀏覽器上檢查我的代碼，這意味著我需要啟動(dòng) Windows 10 來測(cè)試新的 Edge、Chrome、Firefox 和 —— 請(qǐng)?jiān)徫?—— IE11。是的，還有 IE11 用戶在那里。

我在本文的介紹中提到了 Parallels Desktop。我發(fā)現(xiàn)在同一臺(tái)機(jī)器上運(yùn)行 Windows、Mac 和 Linux 的能力在某些情況下是非常有用的。也就是說，我一直在樓上辦公室的 Mac 上運(yùn)行 Windows，它是速度和容量最大的一臺(tái)機(jī)器。那臺(tái)機(jī)器也是我用于視頻制作的機(jī)器。

我的主要開發(fā)機(jī)器其實(shí)是在樓下，就在沙發(fā)旁邊。這要追溯到我的狗狗還小的時(shí)候，我在辦公室工作的時(shí)候，它經(jīng)常會(huì)覺得孤獨(dú)和害怕?，F(xiàn)在，我在工作時(shí)，它趴在我的腿上是相當(dāng)愉快的，我已經(jīng)建立了一個(gè)完整的工作站，可以讓我坐在客廳里，與鍵盤和狗共享我的膝蓋。

那臺(tái)機(jī)器是一臺(tái) 2013 年的 i7 iMac，內(nèi)存 32GB。它是開發(fā)的理想之選，但它的速度實(shí)在不夠快，無法滿足多個(gè) 4K 視頻流的需求。也不足以快到真正成功地托管 Windows 桌面。這讓我想到了……

連接到遠(yuǎn)程機(jī)器：屏幕共享和微軟遠(yuǎn)程桌面

盡管我的開發(fā)機(jī)器在樓下，而我的視頻制作機(jī)器在樓上，但無論我在哪里，我都可以在其中任何一臺(tái)機(jī)器上工作。我只需使用 MacOS 內(nèi)置的“屏幕共享”應(yīng)用來連接到遠(yuǎn)程機(jī)器。

當(dāng)我想從樓下的開發(fā)機(jī)器連接到 Windows 時(shí)，我使用“微軟遠(yuǎn)程訪問”。這是從 Mac OS 應(yīng)用商店免費(fèi)下載的，它提供了一個(gè)進(jìn)入我的 Windows 10 機(jī)器的完整遠(yuǎn)程界面。請(qǐng)注意，如果你打算使用“微軟遠(yuǎn)程訪問”，你需要運(yùn)行 Windows 10 Pro。Windows Home 不支持遠(yuǎn)程訪問。

哦，如果你想知道為什么這套環(huán)境似乎沒有一個(gè)移動(dòng)環(huán)境中的、在咖啡店編程的組件，這很簡(jiǎn)單：如今的大流行病。一旦明確我所有的編碼工作都將在家里完成，我就把我的開發(fā)工作整合到一臺(tái)容量不錯(cuò)的固定機(jī)器上，并針對(duì)機(jī)器之間的千兆以太網(wǎng)進(jìn)行了優(yōu)化。如果我們還生活在之前的“舊常態(tài)”中，我就會(huì)有一個(gè)更以云為中心的實(shí)現(xiàn)。我很懷念咖啡店。

管理 MySQL 數(shù)據(jù)的整潔界面：Sequel Pro

我的代碼要做大量的 SQL 操作。因此，我需要能夠查看已經(jīng)存儲(chǔ)到數(shù)據(jù)庫(kù)中的內(nèi)容。對(duì)我來說，最簡(jiǎn)單、最快速的方法不是 PhpMyAdmin，而是一個(gè)叫 Sequel Pro 的 Mac 本地應(yīng)用(很奇妙，它的圖標(biāo)上把煎餅和數(shù)據(jù)存儲(chǔ)混為一體)。

我最常用的方式是打開一個(gè)數(shù)據(jù)庫(kù)表，搜索 “value contains” 或 “option_name contains”，然后查找結(jié)果。它的速度很快，并且允許我在開發(fā)過程中對(duì)數(shù)據(jù)進(jìn)行操作。我應(yīng)該指出，PhpStorm 也有一個(gè)數(shù)據(jù)庫(kù)瀏覽器，但我發(fā)現(xiàn) Sequel Pro 對(duì)我來說更有效率。

一個(gè)不太復(fù)雜的 SFTP 客戶端：Forklift

我花了很長(zhǎng)時(shí)間才改掉了通過命令行和 SSH 隧道使用 SFTP 的習(xí)慣。而 Forklift 是一個(gè)很好的替代品。它保留了一個(gè)網(wǎng)站和登錄信息的列表，支持加密，并提供了一個(gè)傳統(tǒng)的拖放界面來批量移動(dòng)文件。

強(qiáng)大的應(yīng)用自動(dòng)化：Keyboard Maestro

與 Final Cut Pro X 一樣，Keyboard Maestro 是讓我繼續(xù)使用 Mac 的專用軟件工具之一。我在 2011 年首次購(gòu)買了 Keyboard Maestro，此后我一直使用它來制作各種專業(yè)腳本。

它是一個(gè)非常強(qiáng)大的跨應(yīng)用腳本工具，也非常容易使用。我經(jīng)常寫一些特殊用途的腳本來運(yùn)行一個(gè)原本需要很長(zhǎng)時(shí)間的任務(wù)。我的一些腳本是非常強(qiáng)大的，可以跨多個(gè)應(yīng)用程序。其他的腳本，比如截圖中的 Stripe 填充測(cè)試，只做一件事，一遍又一遍。

我們來談?wù)勥@個(gè)問題。在為我的捐贈(zèng)插件開發(fā) Stripe 支付網(wǎng)關(guān)時(shí)，我必須發(fā)起測(cè)試支付，大概有上千次。在我編碼、測(cè)試和調(diào)試的過程中，我不得不用相同的測(cè)試數(shù)據(jù)填寫相同的信用卡字段，一遍又一遍。Keyboard Maestro 中的一個(gè)簡(jiǎn)單的腳本為我完成了所有這些工作。我不需要為每一次測(cè)試手工填寫數(shù)據(jù)，而是讓 Keyboard Maestro 幫我完成。

特定用途的快速搜索：Alfred

Alfred 是我的生產(chǎn)力家族的新成員。它會(huì)彈出一個(gè)命令欄，有點(diǎn)像 Spotlight，但增加了功能。你可以創(chuàng)建工作流來完成相對(duì)復(fù)雜的任務(wù)，但到目前為止，我的主要用處是四個(gè)自定義搜索。當(dāng)我按下 Alt-Space 時(shí)，就會(huì)彈出 Alfred 的輸入欄。

如果我鍵入 “codex”，它就會(huì)把后面的任何內(nèi)容作為搜索字符串來在 WordPress 開發(fā)者文檔站 codex 上搜索。輸入 “plugin”，會(huì)搜索 WordPress 插件庫(kù)。輸入 “zdme”，會(huì)搜索 ZDNet 中我寫過的帶有要搜索的字符串的文章。我經(jīng)常使用這個(gè)方法在文章中放置鏈接?，F(xiàn)在，這些可能看起來很簡(jiǎn)單，你可以設(shè)置 Chrome 瀏覽器來進(jìn)行自定義搜索，但同樣，與快捷欄一樣，這可以節(jié)省鼠標(biāo)移動(dòng)和按鍵。如果我需要查看 WordPress 函數(shù)的定義，只需輕點(diǎn)一下按鍵，就能得到它，而不需要?jiǎng)佑檬髽?biāo)。