Ember.js 简介

Ember.js 是一个基于 模型-视图-控制器（MVC） 架构的 开源JavaScript 框架，用于开发大型 客户端网页应用程序 。Ember旨在缩短开发时间，提高生产力，是全球采用度最高的前端应用程序框架之一。目前在许多网站上应用，如Square、Discourse、Groupon、Linked In、Live Nation、Twitch和Chipotle。

尽管被认为是网站的框架，Ember也可用于开发桌面和移动应用程序。如果您想构建一个单页面Web应用程序，则Ember.js 是您的正确选择。最著名的Ember桌面应用程序示例是Apple Music。

什么是客户端框架？

客户端框架通常是一种JavaScript库，用于增强和操作网页和客户端浏览器，如 React 、 Angular 、 Vue 、 Ember 和 Backbone 。

什么是MVC？

MVC 是一种由三个互相关联的部分组成的软件设计模式。它们包括 模型 （数据）、 视图 （用户界面）和 控制器 （处理输入的过程）用于开发用户界面。

为什么选择 Ember.js？

• 它通过提供包含数据管理和应用程序流程的完整解决方案，使构建客户端JavaScript应用程序成为可能。
• 常规优于配置。
• 一个灵活的框架，可以在不需要不断重新加载整个页面的情况下加快应用程序的性能。
• 完全支持数据绑定，这意味着如果一个值发生变化，另一个值会自动更新。
• 自动确定路由和控制，并允许共享URL。

如何安装 Ember.js？

Ember CLI（命令行界面）是使用JavaScript构建的，并期望使用Node.js运行时。因此，如果您的计算机上已安装Node.js，则可以直接使用。如果您想要安装 点击 此处并查看版本以确认安装情况：

node -v
npm -v

你可以使用npm（Node.js包管理器）一条命令就安装Ember。在终端中输入以下命令：

npm install -g ember-cli

如何创建一个项目？

步骤1： 使用Ember CLI命令行界面创建一个新项目，使用 “new” 命令。假设我们的项目名称为 “ember_project” 。创建新项目后，切换到该项目所在目录。

ember new ember_project
cd ember_project

步骤2： 现在我们需要在 app/templates/application.hbs 文件中进行更改（删除{{welcome-page}}组件），使用任何代码编辑器：

HTML

<div class="intro"> 
      <h1>Welcome to GeekforGeeks!</h1> 
        
<p>Ember.js is fun!</p> 
  
</div>

步骤3： 然后我们可以通过在命令提示符中输入以下代码来启动ember开发服务器：

ember serve

步骤4： 经过以上查询成功执行后，您可以在http://localhost:4200/ 上检查您的进展。

输出结果：

参考：guides.emberjs.com

优点：

• 极高的一致性和易于配置
• 内置路由
• 自己的调试工具（Ember Inspector）
• 完整的堆栈开发选项
• 双向数据绑定

  缺点：

• 学习曲线陡峭。Ember对初学者来说并不容易。

• 在Ember Js框架上工作时无法重用组件
• 最为严格和最沉重的框架之一。
• 不适合小型项目。
• 与Ember相关的大量内容和示例已过时。