核心要點(diǎn)

• WordPress 開發(fā)工具的顯著進(jìn)步減少了構(gòu)建 WordPress 網(wǎng)站的麻煩和重復(fù)性工作。
• 建議使用虛擬化開發(fā)環(huán)境代替MAMP/WAMP/XAMP 進(jìn)行WordPress 開發(fā)，因為虛擬化環(huán)境具有隔離性、易于重建、能夠復(fù)制生產(chǎn)環(huán)境、能夠在一臺計算機(jī)上運(yùn)行多個服務(wù)器環(huán)境以及在開發(fā)團(tuán)隊之間保持一致性等優(yōu)點(diǎn)。
• WP-CLI 是一個有用的命令行工具，用于管理 WordPress 安裝，包括安裝 WordPress、更新 WordPress、安裝插件、重置 WordPress 數(shù)據(jù)庫和導(dǎo)入內(nèi)容。
• PhpStorm 是一個強(qiáng)烈推薦的 PHP 和 WordPress 開發(fā) IDE，它在一個地方提供了所有必要的工具、深度 WordPress 集成，并且在頂級 WordPress 開發(fā)人員中得到廣泛使用。此外，PHP CodeSniffer 確保代碼遵循 WordPress 代碼規(guī)范。

近年來，WordPress 的開發(fā)工具有了長足的進(jìn)步。過去，開發(fā) WordPress 網(wǎng)站需要某種 MAMP/WAMP 本地主機(jī)設(shè)置，而且?guī)缀蹩偸呛苈闊?。也許您甚至是一位在生產(chǎn)環(huán)境中開發(fā)網(wǎng)站的開發(fā)者——我曾經(jīng)就是。

幸運(yùn)的是，時代變了，現(xiàn)在有一些工具可以幫助您消除在計算機(jī)上構(gòu)建 WordPress 網(wǎng)站的麻煩和重復(fù)性工作。

去年 12 月，在我?guī)缀跬耆撾x任何 WordPress 開發(fā)三年后，我又成為了一名全職 WordPress 開發(fā)人員。在那之前，我在支付行業(yè)工作了三年，之前是一名全職 WordPress 簽約人員。

離開某個行業(yè)三年，讓我對計算領(lǐng)域，更具體地說，是 Web 開發(fā)領(lǐng)域的變化速度有了獨(dú)特的視角。 WordPress 開發(fā)也不例外。

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

我很興奮，當(dāng)然現(xiàn)在仍然很興奮，去探索所有工具，在今天的文章中，我將與您分享我所學(xué)到的內(nèi)容摘要。希望它能幫助您調(diào)整您當(dāng)前的環(huán)境并實施一些可用的工具。

從服務(wù)器開始

首先，WordPress 開發(fā)環(huán)境難題中最重要的部分是服務(wù)器。沒有服務(wù)器，我們就什么也做不了。

如今，在本地環(huán)境中托管 WordPress 網(wǎng)站有很多不同的選擇，因此很難知道應(yīng)該使用哪一個。

我建議您放棄 MAMP/WAMP/XAMP，并開始使用虛擬化開發(fā)環(huán)境。

為什么？原因有很多：

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

既然您已經(jīng)接受了虛擬化環(huán)境。您應(yīng)該使用什么？

我正在使用 VVV。對我來說，啟動和運(yùn)行非常簡單，擁有良好的支持系統(tǒng)，并且許多大型 WordPress 開發(fā)機(jī)構(gòu)（包括我工作的 XWP）都在使用它。

虛擬化 WordPress 開發(fā)環(huán)境的其他一些選項包括：HGV、Wocker、VIP Quickstart。

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

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

Aleksander Koko 之前寫過關(guān)于 VVV 的文章，我最近還錄制了一個關(guān)于如何在您自己的計算機(jī)上設(shè)置 VVV 的視頻。

命令行的力量

誰不喜歡一點(diǎn)命令行操作呢？WP-CLI 是您內(nèi)心命令行愿望的答案。

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

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

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

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

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

改變格局的 IDE

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

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

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

我曾經(jīng)是 Sublime Text 的忠實粉絲（順便說一下，我現(xiàn)在仍然是，我每天都在使用它）。

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

我不情愿地看了一眼，我很高興我這么做了！

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

以下列出了您今年應(yīng)該考慮將 PhpStorm 用于 WordPress 開發(fā)的三個原因：

1. 一切所需，盡在其中。FTP – 已檢查，數(shù)據(jù)庫支持 – 已檢查，終端 – 已檢查，版本控制 – 已檢查，調(diào)試 – 已檢查，重構(gòu) – 已檢查，出色的智能感知和自動完成 – 雙重檢查！等等等等。
2. PhpStorm 中的 WordPress 集成首屈一指。PhpStorm 深入了解 WordPress。一旦它連接到 WordPress 項目，它就知道一切是如何聯(lián)系在一起的。它會自動完成 WordPress 函數(shù)，甚至?xí)詣油瓿刹僮骱瓦^濾器。
3. 許多頂級 WordPress 開發(fā)人員和機(jī)構(gòu)現(xiàn)在都使用 PhpStorm 開發(fā)他們的代碼。對我來說，這是一個明確的跡象，表明它是目前最好的 WordPress 開發(fā) IDE 之一。

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

確保您的代碼干凈整潔

我今天要寫的最后一個工具是一個好東西！我對編寫代碼特別講究。我喜歡它干凈整潔，并完全遵循 WordPress 代碼規(guī)范。

但即使是這樣講究，我們都是人。而且我經(jīng)常發(fā)現(xiàn)自己瀏覽自己編寫的代碼，并對錯過的空格或額外的換行感到懊惱。

在開源世界中，開發(fā)人員堅持項目定義的代碼規(guī)范非常重要，否則代碼庫會非?？焖俚赝嘶?，尤其是在像 WordPress 這樣的流行開源項目上。

事實上，WordPress 核心團(tuán)隊對代碼規(guī)范及其遵循情況特別嚴(yán)格。

那么，我們?nèi)绾未_保我們的代碼遵循 WordPress 代碼規(guī)范呢？答案很簡單，它是一個名為 PHP CodeSniffer 的工具，帶有 WordPress 代碼規(guī)范規(guī)則集。

這兩個實用程序?qū)呙枘拇a，查找您的代碼與 WordPress 項目預(yù)期編寫方式之間的任何差異，并告知您哪里出錯了。太神奇了！

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

當(dāng)然，如果我不提及 PhpStorm 內(nèi)置了對 PHP CodeSniffer 的支持，我就無法完成本節(jié)內(nèi)容。我已經(jīng)發(fā)布了一個關(guān)于如何將 PhpStorm、PHPCS 和 WordPress 代碼規(guī)范規(guī)則集結(jié)合在一起的視頻。

結(jié)束語

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

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

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

關(guān)于 WordPress 開發(fā)環(huán)境的常見問題

什么是 WordPress 開發(fā)環(huán)境，為什么它很重要？

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

如何設(shè)置本地 WordPress 開發(fā)環(huán)境？

設(shè)置本地 WordPress 開發(fā)環(huán)境包括安裝本地服務(wù)器環(huán)境，例如 MAMP、WAMP 或 XAMPP。安裝后，您就可以在本地服務(wù)器上安裝 WordPress 了。這允許您直接從計算機(jī)上處理 WordPress 網(wǎng)站，而無需互聯(lián)網(wǎng)連接。

使用暫存環(huán)境進(jìn)行 WordPress 開發(fā)有哪些好處？

暫存環(huán)境是您生產(chǎn)網(wǎng)站的克隆，您可以在其中測試更改而不會影響生產(chǎn)網(wǎng)站。它之所以有益，是因為它允許您排除問題、測試更新和進(jìn)行更改，而不會冒生產(chǎn)網(wǎng)站功能的風(fēng)險。它還為客戶在更改上線之前提供了一個進(jìn)行審查和批準(zhǔn)的平臺。

如何將我的 WordPress 網(wǎng)站從本地環(huán)境遷移到生產(chǎn)服務(wù)器？

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

我可以使用哪些 WordPress 開發(fā)工具？

有很多工具可用于 WordPress 開發(fā)。這些包括 Sublime Text 或 Atom 等代碼編輯器、Local by Flywheel 或 DesktopServer 等本地開發(fā)環(huán)境、Git 等版本控制系統(tǒng)以及 Query Monitor 或 Debug Bar 等調(diào)試工具。

如何在 WordPress 中創(chuàng)建子主題？

在 WordPress 中創(chuàng)建子主題包括在主題文件夾中創(chuàng)建一個新目錄，創(chuàng)建一個帶有特定標(biāo)題的 style.css 文件，并導(dǎo)入父主題的樣式。然后，您可以從 WordPress 儀表板激活子主題并開始自定義它，而不會影響父主題。

如何安全地更新我的 WordPress 網(wǎng)站？

安全地更新您的 WordPress 網(wǎng)站包括備份您的網(wǎng)站、在暫存環(huán)境中測試更新，然后將更新應(yīng)用到您的生產(chǎn)網(wǎng)站。這確保如果更新過程中出現(xiàn)任何問題，您可以輕松地將網(wǎng)站恢復(fù)到之前的狀態(tài)。

什么是版本控制系統(tǒng)，為什么我應(yīng)該在 WordPress 開發(fā)中使用它？

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

如何排除 WordPress 網(wǎng)站中的問題？

排除 WordPress 網(wǎng)站中的問題包括識別問題、在暫存環(huán)境中測試解決方案并將修復(fù)程序應(yīng)用于生產(chǎn)網(wǎng)站。Query Monitor 或 Debug Bar 等工具可以幫助您識別問題。記住在排除故障之前備份您的網(wǎng)站。

如何優(yōu)化我的 WordPress 網(wǎng)站以提高性能？

優(yōu)化您的 WordPress 網(wǎng)站以提高性能包括使用緩存插件、優(yōu)化圖像、使用內(nèi)容分發(fā)網(wǎng)絡(luò) (CDN) 以及最小化 CSS 和 JavaScript 文件。您還可以使用 Google PageSpeed Insights 或 GTmetrix 等工具來識別需要改進(jìn)的領(lǐng)域。

以上是最終的WordPress開發(fā)環(huán)境的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！