EXTjs 入門

準備工作

下載Sencha Ext JS的SDK,本文中使用的是開源的GPL的6.2.0版本

下載Sencha Cmd,這個是免費的,本文中使用的是MAC版帶JRE的6.1.2版本

EXTjs 解壓目錄:/Users/juniu/ext-6.2.0

新建項目文件夾Cloudfactory ,目錄為/Users/juniu/Documents/Codes/Cloudfactory


開始創建程序吧。

打開cmd命令行,使用sencha [-sdk SDK所在目錄] generate app [-classic|-modern] AppName App目錄命令來創建項目。

sencha ?-sdk ?/Users/juniu/ext-6.2.0 generate ?app -classic Cloudfactory /Users/juniu/Documents/Codes/Cloudfactory

-sdk /Users/juniu/ext-6.2.0 指明Ext JS SDK的所在目錄,如果運行命令行的所在目錄就是SDK目錄(/Users/juniu/ext-6.2.0),則可以省略

-classic|-modern可以省略,Ext JS的6.0版本其中一個主要的更新就是把Ext JS和Touch合并,在創建時可以選擇哪一種類型,classic對應Ext JS,而modern對應Touch。如果省略,則創建所謂的universal類型,即classic和modern并存。在本文中演示的是桌面端程序,所以我們選擇classic。

Cloudfactory是項目名稱,也將作為該項目的namespace。

/Users/juniu/Documents/Codes/Cloudfactory是項目名錄


從命令進入項目目錄/Users/juniu/Documents/Codes/Cloudfactory,并輸入命令sencha app watch

cd? /Users/juniu/Documents/Codes/Cloudfactory

sencha app watch

出現Waiting for changes…提示表示就可以訪問了,

sencha app watch會啟動內置的jetty服務器,可以使我們方便地通過http://localhost:1841/來查看頁面。而且watch會監聽項目目錄中的文件變化而自動build。

這時候打開http://localhost:1841/會看到Cmd自動創建的默認首頁長這樣子。6.x版新增加的Triton主題和以前的主題有明顯的不同。


學習文章

http://blog.csdn.net/yuanzhihuipengyou/article/details/50775798

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容