EP003. “建立本地开发环境(Local by Flywheel)”
🔒 登录后可标记已读这一讲是纯概念 + 操作演示,讲两件事:什么是 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