Ember.js ↗ 是一个高效且久经考验的 JavaScript 框架,用于构建现代 Web 应用程序。它包含了构建可在任何设备上运行的丰富 UI 所需的一切。
首先,安装 Ember:
npm install -g ember-cli使用 ember new 命令创建一个新应用程序:
npx ember new ember-quickstart --lang en生成应用后,切换到项目目录并通过运行以下命令运行项目:
cd ember-quickstart
npm start所有框架指南都假定你已具备 Git ↗ 的基础知识。如果你是 Git 新手,请参阅这份精简 Git 手册 ↗,了解如何在本地设置 Git。
如果你使用 SSH 克隆,则必须在每台用于向 GitHub 推送或拉取的计算机上生成 SSH 密钥 ↗。
更多信息请参阅 GitHub 文档 ↗和 Git 文档 ↗。
访问 repo.new ↗ 创建新的 GitHub 仓库。创建新仓库后,进入新创建的项目目录,在终端中运行以下命令,准备并将本地应用推送到 GitHub:
git remote add origin https://github.com/<your-gh-username>/<repository-name>
git branch -M main
git push -u origin main要将站点部署到 Pages:
-
在 Cloudflare 仪表板中,前往 Workers & Pages 页面。
Go to Workers & Pages ↗ -
选择 Create application(创建应用程序)。
-
选择 Pages 选项卡。
-
选择 Import an existing Git repository(导入现有 Git 仓库)。
-
选择你创建的新 GitHub 仓库,然后选择 Begin setup(开始设置)。
在 Build settings(构建设置) 部分,选择 Ember.js 作为 Framework preset(框架预设)。你的选择将提供以下信息:
| Configuration option | Value |
|---|---|
| Production branch | main |
| Build command | npx ember-cli build |
| Build directory | dist |
部署站点后,你将在 *.pages.dev 上获得项目的唯一子域名。
每次您向 Ember 站点提交新代码时,Cloudflare Pages 都会自动重新构建您的项目并进行部署。您还将在新的拉取请求 (PR) 上获得预览部署,并能够在将更改部署到生产环境之前预览更改在站点上的效果。
有关将第一个站点部署到 Cloudflare Pages 的完整指南,请参阅快速入门指南。
完成本指南后,你已成功将 Ember 站点部署到 Cloudflare Pages。要开始使用其他框架,请参阅框架指南列表。