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