EmberJS教程

EmberJS - 创建和运行应用程序

您可以在系统中轻松配置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 目录中.
公共 : 它包括图像，字体等资产.
供应商 : 这是一个目录，其中前端依赖项如JavaScript，CSS不受Bower控制.
tests/testem.js : 自动化测试存储在tests文件夹下，Ember CLI的测试运行程序 testem 安排在 testem.js 中.
tmp : 它包含Ember CLI的临时文件.
ember-cli-build.js : 它指定了如何使用Ember CLI构建应用程序.