最終的WordPress開發環境

核心要點

• WordPress 開發工具的顯著進步減少了構建 WordPress 網站的麻煩和重複性工作。
• 建議使用虛擬化開發環境代替MAMP/WAMP/XAMP 進行WordPress 開發，因為虛擬化環境具有隔離性、易於重建、能夠複製生產環境、能夠在一台計算機上運行多個服務器環境以及在開發團隊之間保持一致性等優點。
• WP-CLI 是一個有用的命令行工具，用於管理 WordPress 安裝，包括安裝 WordPress、更新 WordPress、安裝插件、重置 WordPress 數據庫和導入內容。
• PhpStorm 是一個強烈推薦的 PHP 和 WordPress 開發 IDE，它在一個地方提供了所有必要的工具、深度 WordPress 集成，並且在頂級 WordPress 開發人員中得到廣泛使用。此外，PHP CodeSniffer 確保代碼遵循 WordPress 代碼規範。

近年來，WordPress 的開發工具有了長足的進步。過去，開發 WordPress 網站需要某種 MAMP/WAMP 本地主機設置，而且幾乎總是很麻煩。也許您甚至是一位在生產環境中開發網站的開發者——我曾經就是。

幸運的是，時代變了，現在有一些工具可以幫助您消除在計算機上構建 WordPress 網站的麻煩和重複性工作。

去年 12 月，在我幾乎完全脫離任何 WordPress 開發三年後，我又成為了一名全職 WordPress 開發人員。在那之前，我在支付行業工作了三年，之前是一名全職 WordPress 簽約人員。

離開某個行業三年，讓我對計算領域，更具體地說，是 Web 開發領域的變化速度有了獨特的視角。 WordPress 開發也不例外。

你看，當我去年 12 月重返 WordPress 開發時，我決定研究如何建立完美的 WordPress 開發環境。令我驚喜的是，WordPress 周圍的工具進步如此之大，這就像是用法拉利換了一輛福特車。

我很興奮，當然現在仍然很興奮，去探索所有工具，在今天的文章中，我將與您分享我所學到的內容摘要。希望它能幫助您調整您當前的環境並實施一些可用的工具。

從服務器開始

首先，WordPress 開發環境難題中最重要的部分是服務器。沒有服務器，我們就什麼也做不了。

如今，在本地環境中託管 WordPress 網站有很多不同的選擇，因此很難知道應該使用哪一個。

我建議您放棄 MAMP/WAMP/XAMP，並開始使用虛擬化開發環境。

為什麼？原因有很多：

1. 這是一個隔離的環境。通過使用虛擬化環境，您可以創建一個與主機操作系統隔離的開發服務器。您可以在虛擬機上安裝任何您喜歡的操作系統，並啟動/停止/重新啟動它，而不會影響您的主機。一旦您完成開發並且不再需要它，很容易將其拆除。
2. 搞砸了？沒問題！只需重建環境即可。我相信我們都遇到過這樣的困境：我們修改了服務器設置並搞砸了事情。通過重建虛擬環境或簡單地使用快照可以輕鬆解決此問題。因此，現在您可以隨意嘗試和調整設置，而無需擔心失敗。
3. 盡可能接近生產環境。如果您願意，您可以將您的生產環境複製到您的本地主機上。使這兩個環境完全相同有助於調試、調整甚至部署。
4. 您可以在一台計算機上運行多個不同的服務器環境。一個客戶使用 Apache，另一個客戶使用 Nginx？沒問題，在虛擬機中創建這兩個不同的環境就可以了。
5. 在開發團隊中統一環境。如果開發團隊中的每個人都使用完全相同的設置，則可以加快開發時間，並且關於為什麼某些東西在 X 人的機器上無法工作的問題會減少。

既然您已經接受了虛擬化環境。您應該使用什麼？

我正在使用 VVV。對我來說，啟動和運行非常簡單，擁有良好的支持系統，並且許多大型 WordPress 開發機構（包括我工作的 XWP）都在使用它。

虛擬化 WordPress 開發環境的其他一些選項包括：HGV、Wocker、VIP Quickstart。

如果您決定使用 VVV，那麼我絕對推薦以下插件和工具，以將 VVV 提升到更高的水平。

• vagrant-hostsupdater – 此插件允許您的 vagrant 安裝更新計算機主機文件中的條目，以便將域名映射添加到 IP 地址。這意味著您不必手動將條目添加到主機文件。
• Variable VVV – 迄今為止，VVV 最有用的工具稱為 Variable VVV，它可以讓您使用命令行快速輕鬆地創建新的 VVV WordPress 安裝。一定要看看這個。

Aleksander Koko 之前寫過關於 VVV 的文章，我最近還錄製了一個關於如何在您自己的計算機上設置 VVV 的視頻。

命令行的力量

誰不喜歡一點命令行操作呢？ WP-CLI 是您內心命令行願望的答案。

WP-CLI 允許您從命令行管理 WordPress 安裝（順便說一下，它與 VVV 一起提供）。

讓我們來看一些如何在本地開發環境中使用 WP-CLI 的實際示例。

• 安裝 WordPress。 SSH 連接到您的服務器並需要快速安裝 WordPress？只需使用 WP-CLI 創建新的 WordPress 安裝即可。
• 更新 WordPress。沒有什麼比訪問每個網站、登錄、四處點擊然後更新大量的 WordPress 網站更痛苦的了。您可以使用單個命令直接從命令行執行此操作。
• 安裝插件。如果您找到一個很棒的插件，並且想要將其安裝到多個站點，那麼再次使用 WP-CLI 使用一個命令即可完成。
• 重置 WordPress 數據庫。搞砸了什麼東西並想重新開始？簡單，一個命令（這有點重複了，不是嗎？）
• 導入內容。是的，您猜對了，您可以使用一個命令將內容導入到您的 WordPress 安裝或多個安裝中。
• 等等等等

所有這些都是您可以從命令行執行的非常方便的操作。更好的是，在下一節中，我們將討論 IDE，您可以在該 IDE 中直接運行所有這些命令。

如果您有興趣了解更多信息，請查看 Ahsan Parwez 關於 WP-CLI 的這篇文章。

改變格局的 IDE

在我今天談到的所有工具中，我覺得這將是最有爭議的。當涉及到 IDE 和編輯器時，這幾乎就像是在侵犯個人空間，很多人不喜歡那樣。

我不會試圖告訴你 IDE 比文本編輯器更好，反之亦然。我要做的是告訴你我切換到 IDE 的經驗以及它對我的作用。

我一直是一個不喜歡 IDE 的人。不喜歡可能是一種委婉的說法，我討厭它們。我覺得它們臃腫、緩慢且雜亂無章。

我曾經是 Sublime Text 的忠實粉絲（順便說一下，我現在仍然是，我每天都在使用它）。

因此，在 12 月份，當我重新開始 WordPress 開發時，我查看了哪些編輯器可用於編寫 WordPress 代碼。當我不斷提到名為 PhpStorm 的 IDE 時，我感到非常驚訝。

我不情願地看了一眼，我很高興我這麼做了！

在我看來，PhpStorm 是最好的 PHP 和 WordPress 開發 IDE。它提供構建 WordPress 網站、插件和主題所需的一切，並且具有令人難以置信的 WordPress 集成（您真的需要查看一下）。

以下列出了您今年應該考慮將 PhpStorm 用於 WordPress 開發的三個原因：

1. 一切所需，盡在其中。 FTP – 已檢查，數據庫支持 – 已檢查，終端 – 已檢查，版本控制 – 已檢查，調試 – 已檢查，重構 – 已檢查，出色的智能感知和自動完成 – 雙重檢查！等等等等。
2. PhpStorm 中的 WordPress 集成首屈一指。 PhpStorm 深入了解 WordPress。一旦它連接到 WordPress 項目，它就知道一切是如何联系在一起的。它會自動完成 WordPress 函數，甚至會自動完成操作和過濾器。
3. 許多頂級 WordPress 開發人員和機構現在都使用 PhpStorm 開發他們的代碼。對我來說，這是一個明確的跡象，表明它是目前最好的 WordPress 開發 IDE 之一。

如果您有興趣開始使用 PhpStorm，請查看我錄製的一系列 7 個 PhpStorm 視頻，以幫助您開始使用該 IDE。

確保您的代碼乾淨整潔

我今天要寫的最後一個工具是一個好東西！我對編寫代碼特別講究。我喜歡它乾淨整潔，並完全遵循 WordPress 代碼規範。

但即使是這樣講究，我們都是人。而且我經常發現自己瀏覽自己編寫的代碼，並對錯過的空格或額外的換行感到懊惱。

在開源世界中，開發人員堅持項目定義的代碼規範非常重要，否則代碼庫會非常快速地退化，尤其是在像 WordPress 這樣的流行開源項目上。

事實上，WordPress 核心團隊對代碼規範及其遵循情況特別嚴格。

那麼，我們如何確保我們的代碼遵循 WordPress 代碼規範呢？答案很簡單，它是一個名為 PHP CodeSniffer 的工具，帶有 WordPress 代碼規範規則集。

這兩個實用程序將掃描您的代碼，查找您的代碼與 WordPress 項目預期編寫方式之間的任何差異，並告知您哪裡出錯了。太神奇了！

最棒的是，它們還會通知您遇到的任何高級安全問題。當然，它不會捕獲每一個安全問題，因此請確保在編寫代碼時始終考慮安全性，但它是第一道防線。

當然，如果我不提及 PhpStorm 內置了對 PHP CodeSniffer 的支持，我就無法完成本節內容。我已經發布了一個關於如何將 PhpStorm、PHPCS 和 WordPress 代碼規範規則集結合在一起的視頻。

結束語

除了上述工具之外，還有許多替代方案，我希望至少我今天談到的所有內容都能讓您對探索 WordPress 開發周圍的一些很棒的工具感興趣。

如果您選擇使用上述工具，那麼這些工具將為您提供一個良好的基礎，讓您能夠開始採用更精簡和自動化的 WordPress 開發方法。

如果您使用其他工具，我很樂意在下面的評論中聽到您的意見！

關於 WordPress 開發環境的常見問題

什麼是 WordPress 開發環境，為什麼它很重要？

WordPress 開發環境是一個安全、隔離的空間，開發人員可以在其中測試 WordPress 網站的更改、更新和新功能，而不會影響生產網站。它之所以至關重要，是因為它允許開發人員在任何問題或錯誤影響生產網站之前識別和修復它們，從而確保流暢的用戶體驗。它通常包括三個階段：本地（開發人員的機器）、暫存（生產網站的副本）和生產（生產網站）。

如何設置本地 WordPress 開發環境？

設置本地 WordPress 開發環境包括安裝本地服務器環境，例如 MAMP、WAMP 或 XAMPP。安裝後，您就可以在本地服務器上安裝 WordPress 了。這允許您直接從計算機上處理 WordPress 網站，而無需互聯網連接。

使用暫存環境進行 WordPress 開發有哪些好處？

暫存環境是您生產網站的克隆，您可以在其中測試更改而不會影響生產網站。它之所以有益，是因為它允許您排除問題、測試更新和進行更改，而不會冒生產網站功能的風險。它還為客戶在更改上線之前提供了一個進行審查和批准的平台。

如何將我的 WordPress 網站從本地環境遷移到生產服務器？

將您的 WordPress 網站從本地環境遷移到生產服務器包括遷移您網站的文件和數據庫。您可以手動執行此操作，也可以使用 Duplicator 或 All-in-One WP Migration 等插件。遷移之前始終記住備份您的生產網站，以防止任何數據丟失。

我可以使用哪些 WordPress 開發工具？

有很多工具可用於 WordPress 開發。這些包括 Sublime Text 或 Atom 等代碼編輯器、Local by Flywheel 或 DesktopServer 等本地開發環境、Git 等版本控制系統以及 Query Monitor 或 Debug Bar 等調試工具。

如何在 WordPress 中創建子主題？

在 WordPress 中創建子主題包括在主題文件夾中創建一個新目錄，創建一個帶有特定標題的 style.css 文件，並導入父主題的樣式。然後，您可以從 WordPress 儀表板激活子主題並開始自定義它，而不會影響父主題。

如何安全地更新我的 WordPress 網站？

安全地更新您的 WordPress 網站包括備份您的網站、在暫存環境中測試更新，然後將更新應用到您的生產網站。這確保如果更新過程中出現任何問題，您可以輕鬆地將網站恢復到之前的狀態。

什麼是版本控制系統，為什麼我應該在 WordPress 開發中使用它？

版本控制系統是一個工具，它可以跟踪您代碼隨時間的變化。它在 WordPress 開發中至關重要，因為它允許您在出現問題時恢復到以前的代碼版本、與其他開發人員協作以及保留更改的歷史記錄。 Git 是 WordPress 開發中使用的流行版本控制系統。

如何排除 WordPress 網站中的問題？

排除 WordPress 網站中的問題包括識別問題、在暫存環境中測試解決方案並將修復程序應用於生產網站。 Query Monitor 或 Debug Bar 等工具可以幫助您識別問題。記住在排除故障之前備份您的網站。

如何優化我的 WordPress 網站以提高性能？

優化您的 WordPress 網站以提高性能包括使用緩存插件、優化圖像、使用內容分發網絡 (CDN) 以及最小化 CSS 和 JavaScript 文件。您還可以使用 Google PageSpeed Insights 或 GTmetrix 等工具來識別需要改進的領域。

以上是最終的WordPress開發環境的詳細內容。更多資訊請關注PHP中文網其他相關文章！