首页 > 代码库 > ember.js的环境(window)安装及创建应用

ember.js的环境(window)安装及创建应用

现如今、我们经常都可以看到复杂的JavaScript应用程序,由于这些应用程序变得越来越复杂,一长串的jQuery回调语句或者通过应用程序在各个状态执行不同的函数调用,这些做法都会变得无法再让人接受,这导致了JavaScript开发人员开始寻找一种组织和效率更优秀的开发方式。实现组织和效率的其中一个最常用的架构模式,就是我们熟知的Model View Controller (MVC)模式,这种模式鼓励开发人员将其应用程序的不同部分分割为更易于管理的模块,我们不必使用一个函数直接调用数据库,通过创建了一个Model(模型或实体)来管理数据库;通过模板(Template)或视图(View)来简化显示代码; 最后,通过使用控制器(Controller)来处理我们的应用程序的请求,MVC模式尽量降低每个模块之间的耦合度,提供程序的开发效率。Ember.js是一个JavaScript的MVC框架,它由Apple前雇员创建的SproutCore 2.0改名进化而来。目前Ember已经发布到1.3.0。详情可以访问emberjs英文网查看最新的版本。

emberjs的基本介绍和使用在此也不再说明,具体也请访问emberjs英文网。

下面是对前端MVC框架的一些调查结果:

Gordon L. Hempton是西雅图的一位黑客和设计师,他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架,并在博客中总结了每种框架的优缺点,最终的结果是,Ember.js胜出。

此次比较针对的特性标准有四种,分别是:

  • UI绑定(UI Bindings)
  • 复合视图(Composed Views)
  • Web表现层(Web Presentation Layer)
  • 与其他框架良好协作(Plays Nicely with Others)

对于各种JavaScript MVC框架,Gordon都总结了优缺点:

  1. Backbone.js——优点:强大的社区,强劲的势头;缺点:抽象较弱,很多功能亟待增加。
  2. SproutCore——优点:对绑定的支持,可靠的社区,大量特性;缺点:过度规范,难以和不需要的特性解耦。
  3. Sammy.js——优点:易于学习,更容易和现存的服务端应用程序整合;缺点:过于简单,无法应用于大型应用程序中。
  4. Spine.js——优点:轻量级,文档很完备;缺点:它的核心概念“spine”是异步的用户界面,这意味着理想状况用户界面永远不会发生堵塞,而这个基础有缺陷。
  5. Cappuccino——优点:大型深思熟虑后的框架,良好的社区,很棒的继承模型;缺点:由iOS开发者创建,使用JavaScript模拟Objective-C。
  6. Knockout.js——优点:对绑定的支持,完备的文档和教程;缺点:绑定语法拙劣,缺少统一的视图组件层级关系。
  7. Javascript MVC——优点:可靠的社区;缺点:基于字符串的继承模型很差,控制器与视图关系过密而缺少绑定。
  8. GWT(Google Web Toolkit)——优点:全面的框架,良好的社区,可靠的基于Java的组件继承模型;缺点:可能无法经受时间的考验,另外,Java在客户端上的抽象有些笨拙。
  9. Google Closure——优点:很好的基于组件的UI组合系统。缺点:缺少UI绑定支持。
  10. Ember.js——优点:很丰富的模板系统,拥有复合视图和UI绑定;缺点:相对较新,文档不够完备。
  11. Angular.js——优点:对模板范围和控制器设计有很好的考虑,拥有依赖注入系统,支持丰富的UI绑定语法。缺点:代码的模块性不强,视图的模块化也不够。
  12. Batman.js——优点:代码清晰,绑定、持久化的方法简单;缺点:使用了单例控制器。

经过对以上各种Javascript MVC框架特性的比较,Gordon认为只有Ember.js能够完全满足他的要求,从而成为他最终选用的框架。

下面是amber的环境搭建以及创建应用:

第一步:安装node.js

  可以看一下下面这个安装教程:http://www.runoob.com/nodejs/nodejs-install-setup.html
第二部:安装ember.js

  打开cmd先测试node.js和npm是否正常运行

技术分享

技术分享

然后安装ember.js,命令为:npm install -g ember-cli@2.13

 技术分享

安装完成之后,可以用命令 “ ember -v  ”测试是否安装正确。

技术分享

到现在ember的环境就搭建好了,但是在创建应用之前还得安装git和bower

git安装:安装方法和平时安装软件的方法一样,下一步下一步即可。

  git下载地址:https://git-for-windows.github.io/

bower:npm install -g bower
安装完成之后就可以创建项目了。

ember创建应用:

首先进入目标目录,然后用 ember new test_ember 命令创建应用,其中test_ember为项目名称

 

  技术分享

  出现这一步表示正在创建ember的应用文件,等待一会就好

  技术分享

  出现下面这种情况则表示安装正确。

  技术分享

  然后本地目录也出现一下文件

  技术分享

  运行ember程序:进入刚才创建的应用文件夹里面,执行ember server  或者  ember s

  技术分享

  技术分享

  技术分享

  当出现:Serving on http://localhost:4200/    这一句的时候,则表示环境正常启动,然后就可以在浏览器里面输入http://localhost:4200/访问ember的程序

技术分享

到这里我们的ember的环境就搭建好了,接下来敬请享受ember给你带来的快感吧!

 

ember.js的环境(window)安装及创建应用