核心要點(diǎn)

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

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

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

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

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

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

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

從服務(wù)器開始

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

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

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

為什麼？原因有很多：

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

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

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

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

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

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

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

命令行的力量

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

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

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

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

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

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

改變格局的 IDE

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

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

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

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

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

我不情願(yuàn)地看了一眼，我很高興我這麼做了！

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

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

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

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

確保您的代碼乾淨(jìng)整潔

我今天要寫的最後一個(gè)工具是一個(gè)好東西！我對(duì)編寫代碼特別講究。我喜歡它乾淨(jìng)整潔，並完全遵循 WordPress 代碼規(guī)範(fàn)。

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

在開源世界中，開發(fā)人員堅(jiān)持項(xiàng)目定義的代碼規(guī)範(fàn)非常重要，否則代碼庫(kù)會(huì)非?？焖俚赝嘶绕涫窃谙?WordPress 這樣的流行開源項(xiàng)目上。

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

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

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

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

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

結(jié)束語

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

如果您選擇使用上述工具，那麼這些工具將為您提供一個(gè)良好的基礎(chǔ)，讓您能夠開始採(cǎi)用更精簡(jiǎn)和自動(dòng)化的 WordPress 開發(fā)方法。

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

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

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

WordPress 開發(fā)環(huán)境是一個(gè)安全、隔離的空間，開發(fā)人員可以在其中測(cè)試 WordPress 網(wǎng)站的更改、更新和新功能，而不會(huì)影響生產(chǎn)網(wǎng)站。它之所以至關(guān)重要，是因?yàn)樗试S開發(fā)人員在任何問題或錯(cuò)誤影響生產(chǎn)網(wǎng)站之前識(shí)別和修復(fù)它們，從而確保流暢的用戶體驗(yàn)。它通常包括三個(gè)階段：本地（開發(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ì)算機(jī)上處理 WordPress 網(wǎng)站，而無需互聯(lián)網(wǎng)連接。

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

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

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

將您的 WordPress 網(wǎng)站從本地環(huán)境遷移到生產(chǎn)服務(wù)器包括遷移您網(wǎng)站的文件和數(shù)據(jù)庫(kù)。您可以手動(dòng)執(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)建一個(gè)新目錄，創(chuàng)建一個(gè)帶有特定標(biāo)題的 style.css 文件，並導(dǎo)入父主題的樣式。然後，您可以從 WordPress 儀表板激活子主題並開始自定義它，而不會(huì)影響父主題。

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

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

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

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

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

排除 WordPress 網(wǎng)站中的問題包括識(shí)別問題、在暫存環(huán)境中測(cè)試解決方案並將修復(fù)程序應(yīng)用於生產(chǎn)網(wǎng)站。 Query Monitor 或 Debug Bar 等工具可以幫助您識(shí)別問題。記住在排除故障之前備份您的網(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 等工具來識(shí)別需要改進(jìn)的領(lǐng)域。

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