设置 WordPress 开发环境

已发表: 2023-02-12

在新网站上开始开发需要大量周密的计划。 例如，您需要决定如何处理项目的“建设中”阶段。 当您的网站仍在进行中时，您可能需要阻止潜在访问者看到您的网站。

这就是开发环境可以派上用场的地方。 这种环境使您可以在新站点上完成所有设计和编程工作，而不会被任何人意外看到。 然后，您可以在它完全准备好后将其推送上线。

在本文中，我们将了解两种不同的开发环境。 我们还将向您展示如何开始使用这两个选项。 如果你准备好了，让我们开始吧！

目录
1.本地与远程开发环境
2.远程开发环境的优势
三、如何搭建远程开发环境
3.1. 第 1 步：选择和配置远程开发应用程序
3.2. 第 2 步：安装任何必要的工具和插件
3.3. 第 3 步：访问您的环境
4.本地开发环境的优势
5.设置本地 WordPress 环境
5.1. 第 1 步：选择和配置您的本地开发应用程序
5.2. 第 2 步：选择一个文本编辑器
5.3. 第 3 步：选择对开发人员友好的 Web 浏览器
6.使用 WP Engine 开发一些令人惊奇的东西

本地与远程开发环境

创建 WordPress 网站时，您可能想要探索两种主要的开发环境。 请记住，无论您选择使用本地还是远程环境进行开发，都需要 WordPress 正常运行所需的所有软件。 例如，这包括数据库应用程序和代码库。

在本地开发意味着您所有的 WordPress 插件和主题文件将与 WordPress 核心文件一起存储在您自己的机器上。 您将能够在浏览器中查看您的开发工作，就像访问 Internet 上的网站一样。 但是，将从您的计算机而不是您站点的托管服务器调入这些文件。

远程开发环境本质上是一样的，但所有这些重要的网站文件都将从远程位置存储和检索。 这意味着您需要设置或购买存储空间。 然而，与常规网站托管不同的是，此远程文件位置仅供您或您的团队访问。

使用 WordPress 本地开发的主要好处之一是您无需连接到互联网即可在您的网站上工作。 虽然远程开发确实需要连接，但是，如果您希望选择从任何计算机访问您的工作，那么它是更好的选择。

远程开发环境的优势

正如我们提到的，远程开发环境使您能够从任何地方访问您的项目。 您甚至不必使用特定的计算机来完成您的工作——您所需要的只是连接到 Internet 和您的登录信息。

此外，您还可以实施版本控制功能，具体取决于您决定使用的远程环境应用程序。 这意味着您在与团队一起开发时遇到问题的可能性较小。

如何设置远程开发环境

设置远程开发环境可能比创建本地环境复杂一些。 话虽这么说，但它并非遥不可及。 对于远程环境，有多种选择，其中许多都提供了开箱即用的所有工具。

第 1 步：选择和配置远程开发应用程序

您可以使用许多远程开发工具。 您正在寻找的是一个虚拟存储空间，您可以在其中存储您网站的所有文件和应用程序，以及使您的网站运行所需的软件。 在这里，您可以完成每个开发阶段，而无需将网站推向实时、生产状态，直到您准备就绪。

为此，您可以使用 DigitalOcean 或 Visual Studio 等产品。

它们提供的内容不同，但最终完成的任务相同。 例如，使用 Visual Studio Code，您将获得一个复杂的代码编辑器，它通过您选择的远程扩展成为一个开发环境。

您还可以使用 Amazon Elastic Compute Cloud (Amazon EC2) 进行远程开发。

或者，您可以查看我们自己的专用开发环境。 选择虚拟环境或基于云的解决方案后，您需要确保其配置为支持 WordPress 开发。

第 2 步：安装任何必要的工具和插件

无论您选择哪种远程开发环境，您都需要一组特定的应用程序来设置 WordPress。 这些包括：

  • Linux 。 这是运行 WordPress 理想需要的操作系统 (OS)。 稍后我们将在谈到本地开发环境时详细介绍，但只要满足以下三项，它们就可以与其他操作系统（如 Mac 和 Windows）一起工作就足够了。
  • 阿帕奇。 对于实时网站，Web 服务器层是完成浏览器请求并将其返回给网站用户的地方。 在开发环境中，也是如此。 唯一的区别是您的服务器没有指向实时域。
  • MySQL 。 MySQL 是最流行的免费数据库解决方案。 这对您的 WordPress 开发环境至关重要，因为它是存储您网站所需的所有数据的地方。
  • PHP 。 堆栈中的所有其他元素都需要一个“声音”，这就是 PHP 的用武之地。超文本预处理器 (PHP) 是 WordPress 运行所需的一种语言。

这些应用程序称为“LAMP 堆栈”，可以通过多种方式将它们添加到远程开发环境中。 例如，如果您使用的是 DigitalOcean，您将使用 Droplet 为 WordPress 创建 LAMP 堆栈。

如果您使用的是 Amazon EC2，则 WordPress 开发的设置需要更多的手动操作，但仍然可以在大约五分钟内完成。

无论您选择哪种环境，您都需要 LAMP 堆栈才能开始您的 WordPress 开发。 幸运的是，许多远程开发选项都带有 LAMP 作为一个简单的安装选项，为您节省了大量时间和麻烦。

第 3 步：访问您的环境

访问开发环境的最常见方式是通过安全外壳 (SSH)。 这就是您如何从任何计算机连接到您的服务器，并利用这种方法的“远程”方面进行 WordPress 开发。

具体的连接方式取决于您选择的产品。 例如，在 WP Engine 上，我们为开发人员提供了 SSH 网关选项。

本地开发环境的优势

使用本地开发环境的最大优势之一是您无需连接到 Internet 即可访问它。 您可以从任何地方在您的站点上工作，并且不会因连接问题而受阻。

此外，本地开发使您能够在更安全的环境中工作。 在您准备好上线之前，您将能够真正保密您的项目。

设置本地 WordPress 环境

设置本地 WordPress 环境非常简单。 有几个本地开发应用程序，例如 Flywheel 的 Local，它们使设置过程变得异常简单。

请记住，WordPress 的本地开发仍然需要 LAMP 堆栈。 但是，某些解决方案将改用 WAMP 或 MAMP 等术语，因为它们设计用于 Windows 或 Mac OS 而不是 Linux。

第 1 步：选择和配置您的本地开发应用程序

有几个优秀的本地开发应用程序可供选择。 我们已经提到了 Flywheel 的 Local，但是 Varying Vagrant Vagrants (VVV) 是另一种 WordPress 推荐的本地开发工具。 如果您已经在 WP Engine 上制定了计划，您还可以查看 Local 以获取本地开发解决方案。

设置好所选解决方案后，您就可以从头开始开发或导入现有网站进行开发。 例如，使用 Local by Flywheel，您可以使用下载网站的.zip文件开始使用。 如果您是从头开始设计一个新网站，大多数本地应用程序都有一键式安装解决方案，用于设置与 WordPress 一起使用的环境。

第 2 步：选择一个文本编辑器

设置本地环境后，您需要选择一个文本编辑器。 您将在此处编辑和调试 WordPress 代码。 这些解决方案的范围从简单的文本应用程序到具有用于优化工作流程的内置工具的增强界面。

WordPress 有一些推荐的用于开发的文本编辑器，包括 Atom、Sublime Text 和 PhpStorm。 还有其他选项，因此您将希望使用最舒适且最适合您现有工作流程的选项。

第 3 步：选择对开发人员友好的 Web 浏览器

由于您仍将在 Web 浏览器中查看本地开发的项目，因此最好使用面向开发人员的浏览器。 Chrome 和 Firefox 都是非常流行的浏览器，它们都带有有用的开发者工具包。 这可以帮助您更轻松地调试问题，并优化您的 Web 开发。

使用 WP Engine 开发令人惊奇的东西

Web 开发可以采用多种形式。 无论您是在本地还是远程环境中工作，拥有最好的开发人员资源都可以帮助您简化工作流程。

查看我们的 WordPress 计划和开发解决方案，让我们帮助您创造令人惊叹的东西！