使用SenchaCMD搭建ExtJs5.1 MVVM開發環境

使用SenchaCMD搭建ExtJs5.1 MVVM開發環境

           轉摘請註明：http://blog.csdn.net/qiuzhping/article/details/43281547
       百度百科說Ext功能豐富，無人能出其右。無論是界面之美，還是功能之強，ext的表格控件都高居榜首。早些年用過ExtJs3那個時候Ext還不是非常好，很多功能都沒有實現了，最近關注了ExtJs發現版本都要5.1了，前面一段一段時間還在看ExtJs4.2，4版本的還沒有看完，現在索性直接看到ExtJs5，因爲Ext之間關聯的還不是很大，ExtJs4開始直接就是支持MVC模式，到ExtJs5.1就加入MVVM模式，“We upgraded to Ext JS 5 because it helped our dev team become significantly more efficient. With MVVM, Ext JS 5 delivers a modern architecture on top of unrivaled, high quality, proven component and data packages.”— Rouslan Zenetl, Director of Application Development, National Hockey League，這句話是sencha官方網站說的，下面我就簡單介紹下搭建ExtJs 5.1 MVVM 的過程。

1.安裝Ruby

        Ruby，一種爲簡單快捷的面向對象編程（面向對象程序設計）而創的腳本語言，在20世紀90年代由日本人松本行弘（まつもとゆきひろ/Yukihiro Matsumoto）開發，遵守GPL協議和Ruby License。因爲下面我搭建的也是GPL版本的ExtJs5.1，非GPL版本的ExtJs是收費的，也不知道從哪個版本開始ExtJs開始收費了，我印象中ExtJs3也不用收費的。Ruby主要是用來支持SenchaCmd的運行環境。

       Ruby的版本是2.1.5的也是就是目前最新的版本。下載地址：http://rubyinstaller.org/downloads/，我的是Windows8.1的系統，所以下載的installer的版本。安裝的時候記得勾選Add Ruby executables to you PATH,就是加入環境變量。如果所示。

2.安裝SenchaCmd

        安裝SenchaCmd-5.1.1.39這是目前最新的版本，SenchaCmd主要是用來搭建ExtJs5.1 MVC開發環境。以前需要自己去配置的，現在由SenchaCmd幫我們快速的搭建MVC模式。下載地址：http://www.sencha.com/products/sencha-cmd/download/sencha-cmd-5.1.1/windows。安裝過程都是Next沒有什麼好說的。檢查是否安裝成功在在CMD窗口輸入sencha看看是否有Sencha相關提示，有下圖提示說明安裝成功了。

3.打包ExtJs5.1

       ExtJs5.1 GPL的下載地址：http://www.sencha.com/products/extjs/download/ext-js-5.1.0/3301 找到下載ExtJs5.1解壓的根目錄，然後運行Cmd，在輸入sencha generate app websystem ../websystem 其中websystem是我自己名的名字，大家可以隨意命名，如圖所示：

      點擊index.html就會出現如圖所示的樣式，說明已經打包成功了，後續我會在業餘時間繼續搭建這個ExtJs5.1的項目。今天就洗洗睡吧。。。