如何使用Varying Vagrant Vagrants (VVV) 進行WordPress開發

如何使用Varying Vagrant Vagrants (VVV) 進行WordPress開發

開發您的網站始終是一個里程碑式的時刻,尤其是當您是第一次時。然而,儘管幾乎每個主機都提供了一種在您的伺服器上啟動WordPress安裝的方法,但不建議這樣做。

更好的方法是在您的計算機上建立一個站點,並在您準備好後上傳它。使用諸如Varying Vagrant Vagrants (VVV)之類的工具進行WordPress開發是一種很棒的、平臺推薦的方法。

在本文中,我們將向您展示如何啟動和執行VVV。在此之前,我們還將討論可供您使用的替代方案。首先,讓我們討論一下為什麼您不應該線上開發您的網站。

為什麼要建立本地WordPress網站

在建立WordPress 網站(尤其是您的第一個網站)時,您的主機通常會成為首選資源或支援點。這是因為您的主機應該比任何人都更瞭解如何最好地安裝和使用它提供的站點建立包。

但是,在實時伺服器上開發WordPress網站並不是最好的方法,原因如下:

  • 您在不需要時使用您網站的資源。
  • 儘管可能可以訪問暫存或站點限制功能,但您仍在“公開”開發您的站點。
  • 任何開發錯誤都可能影響您網路上的所有站點,如果發生最壞的情況會導致混亂。
  • 在實時伺服器上開發您的網站存在安全問題,因為您的網站在很長一段時間內自然會不完整。

也有很多連鎖反應,比如感覺你在讓你的網站上線時是在爭分奪秒。因此,離線並給自己一個“有圍牆的沙盒”環境來開發您的網站更容易在錢包和神經上。

本地網站開發:您需要了解的基礎知識

本地網站開發通常涉及使用“堆疊”軟體儘可能模擬實時伺服器。傳統上,網站將使用實時伺服器上常見的軟體在“LAMP”堆疊上開發:

結合起來,這會將您的計算機變成本地伺服器,讓您在與實時伺服器類似的環境中完整地建立和測試您的站點。

然而,傳統的LAMP堆疊也有缺點:它可能會佔用大量資源,並且不是一致的遠端開發的最佳解決方案。

Vagrant等工具旨在提供精益且可移植的虛擬開發環境。結合VirtualBoxVMware等解決方案,您可以建立“虛擬機器”——封裝的伺服器,本質上是可以在其中工作的全功能計算機。

為WordPress開發引入Varying Vagrant Vagrants (VVV)

總而言之,雖然傳統的LAMP堆疊是一種在本地開發網站的可靠方法,但Vagrant和VirtualBox等工具會加速這一過程。

Varying Vagrant Vagrants (VVV)是一個聽起來很奇怪的解決方案,可幫助您利用虛擬機器的力量來建立WordPress網站。如果您採用傳統的開發路線,這通常需要一些額外的步驟。

它是從命令列執行的,並且幾乎包括您進行設定所需的一切:

teddy bear命令視窗

安裝後,您可以從命令列vagrant up使用啟動VVV,然後使用vagrant halt停止它。站點在專用配置檔案中建立:

預設配置

您對VVV安裝所做的任何更改都需要使用專用命令provision進行“配置”。

您建立的站點在虛擬沙盒環境中執行。這意味著任何問題都是該環境獨有的,不會影響您的實際計算機。

WordPress已安裝並準備好開始執行,因此一旦建立了站點,您就可以像訪問實時站點一樣訪問它,使用.test作為您的頂級域 (TLD)。但是,在大多數情況下,這些站點只能通過您的計算機訪問。

這對於執行類似伺服器的配置非常有用,因為您可以使用與實時伺服器類似的設定,並在開發過程中診斷任何錯誤。通過在開發環境和實時伺服器之間建立更一致的路徑,您可能會節省時間和金錢。

改變流浪者的替代方案

雖然本文將重點介紹使用VVV進行WordPress開發,但值得一提的是一些替代方案。VVV不會是適合所有人的解決方案。

考慮到您將使用多少命令列和配置檔案,我們建議您至少需要程式碼的工作知識。除錯VVV問題也必須通過命令列進行。更重要的是,支援渠道是通過GitHub實現的,因此您需要能夠向其他程式設計師表達您的問題。

如果您想利用VVV的強大功能但不喜歡編碼的想法,那麼有一些不錯的選擇。

1.最有名的是DesktopServer

DesktopServer

它使用“XAMPP”堆疊通過專用的圖形使用者介面 (GUI) 建立WordPress站點,並且超級快速且易於使用。

2.另一個類似的選擇是Local by Flywheel

Local by Flywheel

它的GUI外觀可以說是更時尚,並且使用Docker執行得更快——考慮這是Vagrant的替代品。

雖然這兩種解決方案都有免費套餐,但Local功能更全面。但是,這兩種解決方案都具有許多很酷的高階功能,可以檢查是否平衡了競爭環境。

如何使用Varying Vagrant Vagrants (VVV) 進行WordPress開發

誠然,設定VVV比其他解決方案更復雜。但是,您在易於設定方面失去的東西,您在靈活性和便攜性方面獲得了優勢。

以下是建立VVV WordPress網站的四個步驟:

  1. 在開始之前獲取所需的工具
  2. 使用命令列安裝VVV
  3. 使用config.yml檔案建立新站點。
  4. 使用VVV儀表盤訪問您的站點

讓我們來看看每一步,從你的工具開始。

第 1 步:收集工具

任何一位優秀的廚師都是在現場就餐的。換句話說,要建立一個WordPress開發環境,您需要將所有工具和技能放在一起,準備開始。

VVV有一些系統和軟體要求。這是您需要的:

  • 對命令列的管理訪問許可權。無論您的作業系統預設使用什麼(例如Mac上的終端、Windows上的命令提示符和Linux上的Shell)都是完美的。如果您對這些生疏了,你可能還需要完善你的技能。
  • 最新版本的流浪者。這是您將用於為安裝提供動力的堆疊,可以使用標準下載包進行安裝。
  • 最新版本的VirtualBox。這為您的VVV安裝提供了虛擬作業系統。同樣,這是一個簡單的下載。
  • Git版本控制系統 (VCS)。這是一個以開發人員為中心的工具,可讓您跟蹤您建立的專案中的更改。對於這個應用程式,我們將使用它來下載VVV。

在開始安裝VVV之前,最好先下載並安裝計算機上尚未安裝的任何元件。VVV中的錯誤可能會令人沮喪,並且不建議採取誘人的命運,特別是如果這是您第一次使用所涉及的軟體。

另外,請注意,具有M1處理器的Mac機器目前無法使用VVV和VirtualBox(由於後者存在問題),除非您使用無法始終如一的解決方法。因此,您可能需要考慮替代解決方案,至少是暫時的。

第 2 步:在您的計算機上安裝VVV

總而言之,在此步驟之前,您需要安裝Vagrant、VirtualBox和Git。準備好後,開啟命令列,然後鍵入以下內容:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
git clone -b stable git://github.com/Varying-Vagrant-Vagrants/VVV.git ~/vagrant-local
git clone -b stable git://github.com/Varying-Vagrant-Vagrants/VVV.git ~/vagrant-local
git clone -b stable git://github.com/Varying-Vagrant-Vagrants/VVV.git ~/vagrant-local

這要求Git VCS複製給定URL處的檔案,並將其下載到名為vagrant-local的資料夾中,該資料夾位於您的資料夾中:

克隆vvv

這應該需要幾秒鐘的時間,具體取決於您的網際網路連線,一旦您收到成功訊息,您幾乎可以啟動並執行。

第 3 步:在config.yml檔案中建立新站點

在第一次啟動VVV之前,最好建立一個新的config.yml檔案副本。這會保留預設站點,並讓您有機會建立新站點:

  • 開啟命令列並使用cd vagrant-local命令進入您的主VVV資料夾(通常為vagrant-local)。
  • 執行vagrant status,這將複製並重新命名檔案。

接下來,在AtomSublime Text等文字編輯器中開啟config.yml檔案。

編輯config.yml檔案

此檔案包含建立和管理站點所需的所有配置:

站點配置

有很多選擇,儘管我們將專注於網站部分。在這裡,遵循現有站點的格式和佈局,並新增以下“boilerplate”程式碼:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
mysite:repo: https://github.com/Varying-Vagrant-Vagrants/custom-site-template.githosts:- mysite.test
mysite:repo: https://github.com/Varying-Vagrant-Vagrants/custom-site-template.githosts:- mysite.test
mysite:repo: https://github.com/Varying-Vagrant-Vagrants/custom-site-template.githosts:- mysite.test

這告訴VVV使用URL mysite.test使用預定義的模板建立一個新站點。準備好後,儲存更改,然後返回命令列。

第 4 步:訪問您的VVV WordPress網站

最後一步是訪問您的VVV WordPress網站。您可以在基於瀏覽器的儀表盤中找到它們,要訪問它,請執行以下操作:

  • 開啟命令列,並通過執行cd vagrant-local確保您位於正確的目錄中。
  • 執行vagrant up。這告訴Vagrant和VVV開始。
  • 可能輸入您的管理員密碼,然後按照說明安裝GoodHosts外掛,該外掛可讓您使用“漂亮”的URL訪問儀表盤。
  • 選擇一個網路——通常是選項1下的Wi-Fi 。

在這一點上,你應該耐心等待VVV做它的事情。看到“泰迪熊”和VVV徽標後,您就可以訪問儀表盤了。

開啟您的VVV WordPress網站

要訪問儀表盤,請開啟瀏覽器並前往vvv.test。您將看到所有網站的列表(帶有可點選的URL)以及其他相關資訊:

vvv儀表盤

請注意,您無需在每次啟動VVV時都訪問儀表盤。您可以直接前往您網站的wp-admin頁面直接登入,就像使用任何其他WordPress網站一樣。預設憑據是:

  • 使用者名稱: 管理員
  • 密碼: 密碼

最後,您可以在config.yml檔案中擴充套件站點模板,以建立完全自定義的WordPress安裝版本。官方GitHub VVV頁面提供了所有詳細資訊,甚至包括各種利基WordPress網站的示例。

小結

啟動一個新的WordPress網站充滿了興奮和希望,因為這意味著您的專案正處於下一個階段。為確保您只專注於開發您的網站,我們建議您使用本地工具,例如VVV

這篇文章提供了開始使用VVV進行WordPress開發的四個步驟。讓我們回顧一下這些步驟:

  1. 下載並安裝執行VVV所需的一切,例如VagrantVirtualBox以及系統所需的任何東西。
  2. 通過命令列安裝VVV。
  3. config.yml檔案中為您的新站點建立引數。
  4. 啟動VVV WordPress站點的專用URL並開始開發它。

評論留言