前言
本文主要簡單的介紹如何使用Sencha Cmd創(chuàng)建Ext項目,適用于初學(xué)者,詳細內(nèi)容可以進入Sencha Cmd官網(wǎng)查看。
準(zhǔn)備工作
下載安裝 Sencha Cmd
https://www.sencha.com/products/evaluate/點擊鏈接找到 Sencha Cmd 下載
也可直接點擊此處下載Sencha Cmd?
下載之后進行傻瓜式安裝
(如果打不開鏈接,請打開VPN)安裝SDK
運行Sencha Cmd需要安裝JDK
此處附上JDK安裝方法
如果已經(jīng)安裝JDK請?zhí)^此步驟看下一步下載Ext
Ext官網(wǎng)中下載Ext js
使用 Sencha Cmd
-
打開運行面板(快捷鍵Win+R),輸入cmd,確定
進入sencha
-
在打開的cmd面板中輸入 cd+Sencha Cmd安裝位置,然后回車。(紅線部分為我安裝Sencha Cmd的地址)
cmd -
生成應(yīng)用程序
紅線:剛剛所下載的Extjs所在的位置
藍線:新建項目的名稱
橙線:新建項目將放在此處
生成應(yīng)用程序 -
建立應(yīng)用程序
進入項目所在位置(因為我的項目所在的位置和Sencha安裝的位置不在同一個盤,所以我先轉(zhuǎn)到d盤再使用 ‘cd+項目坐在位置’ 進入所在目錄)
進入項目所在的位置
使用<code>sencha app build</code>建立應(yīng)用程序
建立應(yīng)用程序
到此,應(yīng)用程序就算構(gòu)建完畢了,文件夾中的app為源文件,build為壓縮后的文件夾 使用app watch
在命令行中輸入
sencha app watch>
在瀏覽器中打開http://localhost:1841/即可編譯壓縮
sencha app build
部分文件介紹
app----------------------開發(fā)文件
model
store
view
application.js
build------------------壓縮文件
development--------開發(fā)模式
production---------生產(chǎn)模式
temp
classic----------------pc端
sass---------------css
etc
src------------css
var
src----------------view/controller
view
ext
modern-----------------移動端
sass
src
overrides
packages
resources
sass-------------------公共css模塊
etc
example
src
var
更多內(nèi)容可在官方文檔中查看
By : Yimi-shan




