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

创建应用

让我们使用Ember.js创建一个简单的应用程序。首先创建一个文件夹，在其中创建应用程序。例如，如果您已创建“ emberjs-app”文件夹，则以以下方式导航至该文件夹：

$ cd ~/emberjs-app

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

$ 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目录中。

• 公共-它包括图像，字体等资产。

• vendor-这是一个目录，其中Bower go不控制诸如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

现在打开浏览器并导航到 http：// localhost：4200 / 。您将获得Ember Welcome页面，如下图所示-