开发手册 欢迎您!
软件开发者资料库

EmberJS - 创建和运行应用程序

EmberJS创建和运行应用程序 - 从简单和简单的步骤学习EmberJS从基本概念到高级概念,包括概述,环境设置,应用程序,对象模型,模板,路由器,组件,模型,路由,控制器,测试,管理依赖性,应用程序关注,配置,Ember Inspector。

您可以在系统中轻松配置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|-- vendorbower.jsonember-cli-build.jspackage.jsonREADME.mdtestem.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构建应用程序.

运行应用程序

到运行应用程序,导航到新创建的项目目录 :

  $ cd demo-app

我们已经创建了新项目,它已准备好运行下面给出的命令 :

  $ ember server

现在打开浏览器并导航到<! -   HTTP://本地主机:4200/  -> 的http://本地主机:4200/的.您将获得Ember Welcome页面,如下图所示 :

Ember.js应用示例