WP DEVELOP

EP003. “建立本地开发环境(Local by Flywheel)”

首页 WordPress 开发课程 开发环境设置 · EP003
约 4 分钟· #EP003#开发环境设置
🔒 登录后可标记已读

这一讲是纯概念 + 操作演示,讲两件事:什么是 dev environment(开发环境),什么是「本地(local)」。 简单说:真正上线、全世界都能看到的网站叫 production/live environment;只有自己和团队能看到的、 用来实验的副本叫 dev environment。「本地」指的是把 WordPress 装在自己电脑上而不是远端服务器, 这样改代码不怕出错、也不用一直上传文件。WordPress 要跑起来需要 PHP、Apache/Nginx、MySQL/MariaDB 这三样东西,讲师现场安装 Local by Flywheel 这个工具来一次性搞定这三样,并建了一个叫 fictional university 的新站点(这就是整门课后面会一直用的那个项目)。

📌 2026 现状:Local by Flywheel 已改名叫 Local(图标/菜单里都写 Local),2019 年被 WP Engine 收购后延续至今,
一样免费、跨平台(Win/Mac/Linux),操作方式和课程演示的一致,认准官网 localwp.com 下载即可。

[截图:Local 应用新建站点向导,输入站点名 fictional university 的画面]

涉及文件

本讲不涉及具体代码文件,是安装本地环境的操作说明。唯一要记住的是网站文件在电脑上的位置:

  • 用户主目录下会多一个 Local Sites 资料夹(Windows 上在用户主文件夹根目录,跟 Downloads 平级;
    Mac 上视个人设置,讲师自己放在桌面)。
  • 网站实际文件在:Local Sites/{站点名}/app/public/,这里面才是 WordPress 系统文件。
  • app/public/wp-content/themes/ 里面每个资料夹对应一个已安装的主题,这门课后面会在这里新建
    fictional-university 主题资料夹。

代码实现

无代码,这一讲是安装与概念讲解。

Hook / Function 速查

无(本讲不涉及代码)。

常见坑

  • 用浏览器打开本地站点域名(例如 fictionaluniversity.local)时,Chrome 可能会误判成搜索关键字
    而不是网址,这时页面上方会出现「Did you mean to go to fictionaluniversity.local/wp-admin」的提示,
    点它就好,不用怀疑网站坏了
  • 每个人电脑上项目文件夹的位置不一定一样(讲师自己放桌面),跟着课程走的时候不用纠结路径长得
    一不一样,只要记住「进 Local Sites → 站点名 → app → public」这个相对路径即可

延伸 / 后续讲座会用到

接下来会创建 fictional-university 主题资料夹,就放在这一讲说的 wp-content/themes/ 里。

Sources

Udemy:

  • Become a WordPress Developer: Unlocking Power With Code — Section 2, EP003