ExtJS 使用CMD創建模板工程

ExtJS 使用CMD創建模板工程

背景:Sencha官網的admin_dashboard真的是非常好看,想要自己做一套耗時耗力;但是CMD工具提供了使用模板創建項目的功能;

給出步驟:

Sencha Cmd 版本 7.2.0.56

1) 下載CMD,如果鏈接失效,那麼自己去試用一下ExtJs,或者自己去找,去下載;下載完後安裝,一路Next直到完成;

2) CMD默認會安裝Sencha的環境變量;打開Windows CMD窗口,輸入Sencha,如果有響應,那麼安裝成功;

 3) 空目錄下執行Sencha命令,構造項目;

第一次構造的時候,如果沒有指定--sdk-path,那麼將會自動下載SDK;

SDK路徑:C:\Users\luj\bin\Sencha\Cmd\repo\extract\ext\7.2.0.67

sencha help generate app

查看生成app的各種參數;

一句模板構造項目命令:

sencha [-sdk ext-SDK-Path] generate app -s [admin-dashboard-path] AppName APPPath

我這裏執行命令是這個,對比一下就明白了:

sencha generate app -ext -s C:\Users\luj\bin\Sencha\Cmd\repo\extract\ext\7.2.0.67\templates\admin-dashboard SOIIC SOIIC

然後會自動生成項目,默認classic|modern;

進入SOIIC文件夾目錄

修改app.json配置文件:

主要修改兩處,見下兩圖:

 打開CMD窗口,輸入命令:

sencha app build development

Sencha將會自動構建項目;就將完畢後生成了classic-zh_CN.json[p],modern-zh_CN.json[p];現在可以把原有的classic.json[p],modern.json[p]等文件刪除.

然後修改生成的index.html文件,修改profile,classic|modern修改爲classic-zh_CN|modern-zh_CN;否則會加載不到文件;

查看效果,輸入命令:

sencha app watch development

給出效果圖:

 

OK,大功告成!希望對各位看官有幫助;