EmberJS - 创建和运行应用程序

您可以轻松地在您的系统中配置 Ember.js。Ember.js 的安装在EmberJS 安装章节中进行了说明。

创建应用程序

让我们使用 Ember.js 创建一个简单的应用程序。首先创建一个文件夹来存放您的应用程序。例如，如果您创建了“emberjs-app”文件夹，则导航到此文件夹：

$ cd ~/emberjs-app

在“emberjs-app”文件夹内，使用 new 命令创建一个新项目：

$ ember new demo-app

创建项目时，new 命令会提供以下包含文件和目录的目录结构：

|-- app
|-- bower_components
|-- config
|-- dist
|-- node_modules
|-- public
|-- tests
|-- tmp
|-- vendor

bower.json
ember-cli-build.js
package.json
README.md
testem.js

app - 它指定模型、路由、组件、模板和样式的文件夹和文件。
bower_components / bower.json - 它用于管理组件，例如 HTML、CSS、JavaScript、图像文件等，可以使用 npm 安装。bower_components 目录包含所有 Bower 组件，而 bower.json 包含 Ember、Ember CLI Shims 和 QUnit 安装的依赖项列表。
config - 它包含 environment.js 目录，用于配置应用程序的设置。
dist - 它包含构建应用程序时部署的输出文件。
node_modules / package.json - NPM 是 Node.js 的节点包管理器，用于安装、共享和管理项目中的依赖项。package.json 文件包含应用程序当前的 npm 依赖项，列出的包将安装在 node_modules 目录中。
public - 它包含资产，如图像、字体等。
vendor - 这是一个目录，其中 Bower 不控制前端依赖项，例如 JavaScript、CSS。
tests / testem.js - 自动化测试存储在 tests 文件夹下，Ember CLI 的测试运行器 testem 位于 testem.js 中。
tmp - 它包含 Ember CLI 的临时文件。
ember-cli-build.js - 它指定如何使用 Ember CLI 构建应用程序。

运行应用程序

要运行应用程序，请导航到新创建的项目目录：

$ cd demo-app

我们创建了新项目，可以使用以下命令运行它：

$ ember server

现在打开浏览器并导航到https://127.0.0.1:4200/。您将看到如下所示的 Ember 欢迎页面：

打印页面