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給你帶來的快感吧！