Udemy

What is a Dev Environment? (Your First Installation)

来自 Brad Schiff 的免费视频教程
Web Developer
评分:4.6,满分 5 分讲师评分
11 门课程
287161 名学生
What is a Dev Environment? (Your First Installation)

通过完整课程学习更多知识

Become a WordPress Developer: Unlocking Power With Code

Learn PHP, JavaScript, WordPress theming & the WP REST API to Create Custom & Interactive WordPress Websites

45:43:26的随选视频 • 更新于 April 2025

Why code is the key to building whatever you can imagine with WordPress
The ability to write PHP to manipulate the data of a WordPress site
The ability to write JavaScript to add on-the-fly interactivity to a WordPress site
How to code your own new custom block types for the "Gutenberg" Block Editor
The skills, knowledge and vocabulary to work professionally as a WordPress developer
简体中文 [自动]
大家好啊 在本课中, 我们将回答以下问题:我们从哪里开始? 因此, 每当我帮助别人学习WordPress开发时, 我总是说, 第一步, 我们的首要任务应该是为自己建立一个开发环境, 这样我们就可以在本地工作。 别担心, 我不指望你知道那是什么意思。 为了解释这意味着什么, 让我们问自己两个新问题。 什么是开发环境?在本地工作意味着什么? 让我们从开发环境开始。 解释它是什么的最好方法是从它的对立面开始, 开发环境的对立面是你真实的网站, 整个世界都可以看到。 所以在过去你可能已经购买了一个域名, 像你自己的. com或. org, 你也可能已经购买了一个网络托管计划, 并使用WordPress来创建一个网站的行业。 我们指的是全世界都能看到的真实的网站。 我们将其称为实时环境或生产环境。 另一方面, 开发环境是网站的一个单独副本, 通常配置为只有网站的所有者或开发人员可以看到它。 因此开发环境是一个私人的、 安全的沙箱或实验场, 公众中没有人可以看到您的“工作进行中”网站。 这是一个开发环境。 现在让我们回答另一个问题, 即在当地工作意味着什么? 所以局部是云的对立面。 本地是指您的个人物理计算机。 举个例子, 现在我想让你们想象两件事。 第一, 你的个人电脑。 第二, 服务器离你1000英里远。 现在, 组成网站的文件通常位于Web主机公司维护的服务器上。 Web主机公司让服务器计算机一周七天, 一天24小时都开着, 这样人们就可以全天候访问您的网站。 这意味着WordPress和我们的网站通常都是在服务器上, 而不是在我们的个人电脑上。 然而, 可以在我们的个人电脑上安装WordPress, 这将允许我们创建WordPress网站, 即使我们没有互联网连接。 现在, 当然, 这些不会是真实的网站, 因为没有其他人可以查看它们。 这就像将文字处理文件保存到计算机的桌面上一样。 您是世界上唯一一个可以查看该文字处理文件的人, 因为它位于您的物理计算机上。 但长话短说, 从你的计算机工作的过程, 而不是远程连接到某个服务器, 这个过程被称为本地工作。 现在, 如果我们把这两件事放在一起, 如果我们在本地开发环境中工作, 这就为编写自定义网站创造了完美的条件, 因为如果我们在编写时出现了错字, 这不会是什么大事, 因为除了我们之外, 没有人会看到错误消息。 此外, 我们不需要不断地上传新文件到服务器, 因为任何时候我们在电脑上保存一个文件, 我们本地的私人网站都会立即更新, 只有当我们完成网站编码后, 我们才把文件推到一个真实的公共网络服务器上, 让全世界都能看到。 好的, 如果我们想在本地工作, 我们需要在我们的个人电脑上安装WordPress, 但这比听起来要复杂一些。 这里有一个比喻或类比。 如果我们有一棵树, 我们想种, 我们不能把树扔在任何地方, 对不对? 我们不能只是把树扔在水泥上, 然后指望它能活下来并生长。 一棵树需要一个特定的环境。 它需要有土壤、 水和阳光的环境。 WordPress也是一样。 我们不能只是植物WordPress的任何地方在我们的电脑上。 WordPress需要一个具备以下三个条件的环境。 第一, PHP, 第二, Apache或Engine X, 第三, 我的SQL或Maria DB。 现在不要担心, 我不期望你知道这些东西是什么, 但现在, 只要知道我们的个人电脑需要有这些东西, 以便WordPress运行。 现在, 大多数电脑都没有预装这些东西, 所以我们需要出去买。 不过幸好。 真的吗? 这三个东西是完全免费的, 有很多不同的工具, 将自动安装所有这三个为我们。 好吧, 我知道了 现在屏幕上列出的所有工具都是免费的, 它们都做同样的事情。 他们给予了我们隐喻的土壤, 水和阳光, WordPress需要在我们的电脑上运行。 所以我们不需要所有这些工具。 我们只需要其中一个。 现在, 如果您过去曾涉足过WordPress开发, 那么您的计算机上可能已经安装了这些工具之一。 如果是这样的话, 你可以继续使用它。 你不需要安装另一个, 但如果你是全新的, 我不希望你感到不知所措与所有这些选择。 那么现在, 我们为什么不把局部由飞轮安装在一起, 一步一步来呢? 这是我最喜欢的工具, 它的超级容易使用。 因此, 在您的网络浏览器的新选项卡中搜索本地飞轮。 截至本录音, 官方网址为local wp. com。 然后继续, 点击大免费下载按钮, 并继续下载软件. 您可能需要输入您的名字或电子邮件地址或基本信息, 但该软件是完全免费的。 你甚至一分钱都不用付。 下载的文件是一个体面的大小, 所以它可能需要一段时间来下载。 你等的时候可能需要去喝杯咖啡。 但一旦下载完成, 跳转到您的计算机的下载文件夹, 并继续和开始安装程序。 这可能需要几分钟的时间。 所以, 当它完成时, 请耐心等待。 然后, 它应该会为您提供创建新站点的选项。 继续并单击该按钮。 我们需要为给予新站点命名, 以便沿着课程同步。 你为什么不给它起个名字? 虚构的大学。 让我们单击“继续”。 我们可以继续并使用首选的默认选项。 所以再继续。 请输入您的用户名和密码 只需选择您能记住的内容, 并输入您的电子邮件地址。 然后点击Add site, 这可能需要几分钟的时间才能完成, 但当它完成时, 我们现在有了自己的WordPress本地开发环境副本, 并在我们的个人电脑上运行。 因此, 您只需单击此“查看站点”按钮。 如果还没有, 你可能只需要在右上角启动你的网站。 但一旦它启动并运行, 只需单击查看网站。 在这里, 我们有一个全新的, 完全新鲜的WordPress副本在地址栏。 您可以看到, 它为我们提供了自己的虚拟本地dev域。 它基本上告诉我们的计算机, 如果我们访问这个域, 而不是在互联网上, 只是看看我们自己的个人电脑。 而这意味着你是世界上唯一一个可以查看你的网站的人。 如果您与朋友或家人共享此域, 他们将无法看到您的网站。 好的, 谢谢 所以你有你自己的私人游乐场副本WordPress的, 你可以尝试, 如果你想登录作为网站的管理员在地址栏在这个域的末尾, 只需添加斜杠WP破折号管理员按回车键。 现在, 我们看到Google Chrome Web浏览器感到困惑, 认为我希望它搜索这个, 而不是作为一个域访问它来绕过这个。 在顶部, 我们可以看到这条消息。 你的意思是去一个虚构的大学本地斜杠WP管理员? 所以只要点击它, 因为是的, 这就是我们想要它做的。 输入您刚才选择的用户名和密码。 好的, 谢谢 这里是典型的WordPress管理员仪表板。 现在, 让我们假设你已经工作和实验了一段时间, 你已经完成了一天的工作, 关闭了一切。 只是通过飞轮程序跳回本地。 我们可以点击右上角的停止站点, 然后你就可以自由地关闭程序了。 现在让我们想象一下, 第二天, 你准备好再次开始你的WordPress站点工作。 只是局部被飞轮打开。 它可能需要几分钟的时间来加载, 但一旦它这样做, 只需点击您的网站, 你在这里创建。 然后在右上角, 我们只需要点击开始网站。 好的, 谢谢 所以现在它又开始运转了。 现在回到您的浏览器, 您可以再次自由使用您的网站。 您可能需要刷新并记住, 如果您忘记了此URL, 您可以随时单击此处查看网站 好了, 现在我只想告诉你一件超级重要的事。 在我们继续之前, 我想向您展示新网站文件在您的计算机上的实际位置。 所以在这里你可以看到你的网站列表, 如果你右键点击它, 如果你在mac上, 你可以选择在Finder中显示。 如果你是在windows上, 它会说显示在文件夹或类似的东西。 基本上, 我们正在寻找网站所在的文件夹或目录, 因此单击该选项, 它将显示您正在使用的当前网站的文件夹。 如果您想知道它在哪里, 它在您的用户帐户主目录中。 如果你在mac上的home文件夹中, 你会看到一个名为Local Sites的全新文件夹, 对吗? 这包括我们的项目。 如果您使用的是Windows, 则在主用户文件夹的基目录中会有一个名为“本地站点”的新文件夹。 所以它会放在你的下载文件夹旁边。 现在, 在我们结束这节课之前, 我想向你展示WordPress文件本身的位置。 因此, 在我们项目文件夹内的本地站点中, 深入研究应用程序, 然后研究公共。 我们就在这里。 在本课程中, 我们将在此文件夹中花费大量时间。 这些是系统文件, 实际上是WordPress的动力。 也许最重要的文件夹被命名为WP内容。 如果你看里面, 我们看到另一个名为主题的文件夹, 里面有一个文件夹, 每个主题, 你已经安装。 现在在这门课上我们要创造一个全新的主题。 因此, 我们很快将在此处设置一个新文件夹, 我们将在其中进行大量工作。 现在, 请给自己一点鼓励, 因为你已经完成了成为WordPress开发人员的第一步。 您现在有了一个本地开发环境, 但请记住, 并非本课程中的每个人都使用相同的本地购买飞轮设置。 在我们结束这节课之前, 我只想向你们强调一件事, 那就是, 即使在以后的课程中, 我的屏幕看起来和你们的屏幕不完全一样, 也没关系。 即使我在一个稍微不同的文件夹中工作, 就像我个人一样, 我的网站就在我的桌面上这个小写的本地站点文件夹中。 这不重要 所以在整个课程中, 当你们听到我这么说的时候, 我希望你们跳到你们的项目文件夹, 或者WordPress文件夹, 或者主题文件夹。 只要知道你是在正确的位置为你。 我只想让你打开你的项目, 跳进去, 然后跳到应用程序, 然后跳到公共。 在整个课程中, 这是您唯一需要担心的文件夹。 我通常会告诉你这样的事情, 现在我想让你跳到WP的内容。 好的, 谢谢 这节课到此结束。 现在您已经为自己设置了一个本地开发环境, 我们可以真正开始学习WordPress是如何工作的。 在我们的下一课中, 我们将第一次体验PHP, 它是WordPress的核心和灵魂。 这将是一个很大的乐趣, 所以让我们继续前进, 我会看到你的时候。