EmberJS教程

EmberJS 应用程序

您可以轻松地在您的系统中配置 Ember.js。 Ember.js 的安装在 EmberJS 安装一章中有说明。

创建应用程序

让我们使用 Ember.js 创建一个简单的应用程序。首先创建一个用于创建应用程序的文件夹。例如,如果您创建了"emberjs-app"文件夹,则导航到该文件夹​​作为-
$ cd ~/emberjs-app
在"emberjs=app"文件夹中,使用新命令创建一个新项目-
$ ember new demo-app
当您创建一个项目时,新命令会提供以下包含文件和目录的目录结构-
|--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-它是一个目录,其中 JavaScript、CSS 等前端依赖项不受 Bower go 控制。 tests/testem.js-自动化测试存储在tests文件夹下,Ember CLI的测试运行器testem位于testem.js. tmp-它包含 Ember CLI 的临时文件。 ember-cli-build.js-它指定如何使用 Ember CLI 构建应用程序。

运行应用

要运行应用程序,导航到新创建的项目目录-
$ cd demo-app
我们已经创建了新项目,它可以使用下面给出的命令运行-
$ ember server
现在打开浏览器并导航到 http:///localhost:4200/。您将获得 Ember 欢迎页面,如下图所示-
Ember.js 应用示例
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4