天天看點

使用sencha cmd建立項目

1.使用以下指令來建立一個extjs項目。

-sdk指定上一篇文章中extjs的sdk的目錄(我的是在c:/ext6),如果你直接在sdk目錄運作這個指令的話,則可以不指定-sdk選項。

使用sencha cmd建立項目

正在複制ext的sdk到項目目錄中,可能需要等待一段時間。

使用sencha cmd建立項目

到此,我們已經建立好一個extjs6的項目了。

進入到c:/ext-workspace/MyApp目錄,目錄結構如下:

使用sencha cmd建立項目

主要目錄說明:

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
           
使用sencha cmd建立項目

服務啟動之後,在你的浏覽器中通路:http://localhost:1841/

你就可以看到效果了:

使用sencha cmd建立項目

不要以為裡面的内容是我加上的,這個鍋我不背。。。

因為這些都是sencha cmd幫你生成的啊!!