前言
本文主要簡(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安裝位置,然后回車携龟。(紅線部分為我安裝Sencha Cmd的地址)
cmd -
生成應(yīng)用程序
紅線:剛剛所下載的Extjs所在的位置
藍(lán)線:新建項(xiàng)目的名稱
橙線:新建項(xiàng)目將放在此處
生成應(yīng)用程序 -
建立應(yīng)用程序
進(jìn)入項(xiàng)目所在位置(因?yàn)槲业捻?xiàng)目所在的位置和Sencha安裝的位置不在同一個(gè)盤兔跌,所以我先轉(zhuǎn)到d盤再使用 ‘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