1.使用以下指令來建立一個extjs項目。
-sdk指定上一篇文章中extjs的sdk的目錄(我的是在c:/ext6),如果你直接在sdk目錄運作這個指令的話,則可以不指定-sdk選項。
正在複制ext的sdk到項目目錄中,可能需要等待一段時間。
到此,我們已經建立好一個extjs6的項目了。
進入到c:/ext-workspace/MyApp目錄,目錄結構如下:
主要目錄說明:
classic:這裡存放pc端的視圖代碼
|-src 代碼目錄
|-sass 樣式檔案目錄,隻會應用到classic模式下。
modern:這裡存放移動端的視圖代碼
|-src 代碼目錄
|-sass 樣式檔案目錄,隻會應用到modern模式下。
app:這裡存放classic和modern公用的一些model,store,controller等。
ext:extjs的sdk目錄
build:extjs項目建構之後的輸出目錄,這個目錄下有以下幾個子目錄,production目錄在你第一次執行sencha app build指令之後才會生成。
|-development
|-production
|-temp
resources:存放靜态資源的目錄,比如圖檔資源。
關于classic(經典版)和modern(現代版)extjs。
經典版主要在pc端使用,modern版主要在平闆,手機端使用。
2.一睹為快
在做了上面這些工作之後,我們就可以來看看sencha cmd為我們建立的初始化項目在浏覽器中的運作效果到底是什麼樣子了,是不是很激動?
切換到項目目錄中,在cmd(window的指令行)中運作以下指令,啟動sencha cmd内置的http伺服器:
sencha app watch
服務啟動之後,在你的浏覽器中通路:http://localhost:1841/
你就可以看到效果了:
不要以為裡面的内容是我加上的,這個鍋我不背。。。
因為這些都是sencha cmd幫你生成的啊!!