ExtJS 6.2 基礎(chǔ)使用

一、 安裝:

下載兩個(gè)壓縮包:分別是

ext-6.2.0-gpl(這個(gè)是Extjs 的sdk文件,創(chuàng)建新項(xiàng)目的時(shí)候需要用)。

SenchaCmd-6.5.2-windows-64bit (這個(gè)下載下來(lái)是解壓,或者不解壓。反正最后看到的是一個(gè).exe 結(jié)尾的安裝文件 ,直接安裝運(yùn)行即可PS:一定要記住安裝到哪個(gè)文件夾下面了)

二、 運(yùn)行:

安裝好SenchaCmd-6.5.2-windows-64bit.exe 之后,點(diǎn)擊Windows的命令提示窗
image.png

進(jìn)入到提示窗中:

使用cd 命令進(jìn)入剛才 SenchaCmd-6.5.2-windows-64bit.exe 安裝的那個(gè)文件夾中,我的路徑是:C:\Users\win7\bin\Sencha\Cmd

效果如下:


image.png

命令行提示符如下:


image.png

在此駛?cè)雜encha help 可以查看命令相關(guān)的提示信息(有點(diǎn)與javac 之后出現(xiàn)的那些東西類(lèi)似)。

三、 創(chuàng)建第一個(gè)項(xiàng)目:

創(chuàng)建項(xiàng)目首先得找到ext-6.2.0-gpl 的解壓路徑如下圖所示

image.png

然后在剛才打開(kāi)的那個(gè)命令行中,切記一定是在C:\Users\win7\bin\Sencha\Cmd 也就是說(shuō)在SenchaCmd-6.5.2-windows-64bit.exe 的安裝路徑下運(yùn)行如下語(yǔ)句,創(chuàng)建第一個(gè)demo項(xiàng)目。

創(chuàng)建語(yǔ)句如下:

sencha -sdk [解壓后的ext-6.2.0的位置] generate app [項(xiàng)目名稱(chēng)] [項(xiàng)目地址]

image.png

第一個(gè)紅圈是剛才解壓的ext-6.2.0-gpl 文件路徑 ,第二個(gè)紅圈是你要生成的demo的路徑

image.png

但是很顯然,我這個(gè)生成的太亂了所以我決定在此創(chuàng)建一下,這回我單獨(dú)在創(chuàng)建一個(gè)項(xiàng)目文件夾來(lái)保存生成的這些文件。

image.png

再次創(chuàng)建的情況如上。當(dāng)出現(xiàn)如下畫(huà)面的時(shí)候,就表示已經(jīng)完成了demo****的創(chuàng)建。

image.png

那么新創(chuàng)建的demo****目錄則如下圖所示:

image.png

四、 運(yùn)行demo:

此時(shí)進(jìn)入新建好的項(xiàng)目文件夾中運(yùn)行 sencha app watch 即可運(yùn)行。但是此時(shí)會(huì)出現(xiàn)如下問(wèn)題(我所遇到的)

image.png

這很明顯是因?yàn)閏md的命令沒(méi)有添加到path環(huán)境變量中,導(dǎo)致sencha命令無(wú)法再全局使用(一般情況下,會(huì)在安裝cmd的時(shí)候直接把命令添加到path中,但是不知道為什么我的不行,所以需要手動(dòng)添加)。所以需要把之前的cmd****的安裝路徑添加到path中,如何添加我就不說(shuō)了,安裝過(guò)java的都應(yīng)該知道怎么添加。

C:\Users\win7\bin\Sencha\Cmd------》此路徑添加到path環(huán)境變量中。即可在生成的demo文件夾下運(yùn)行sencha app watch 如上圖所示

image.png

打開(kāi)瀏覽器輸入:localhost:1841(如果1841****端口號(hào)占用,會(huì)自動(dòng)變成其他的端口號(hào),留意里面的提示就好),即可查看默認(rèn)生成的項(xiàng)目

image.png

此時(shí),一個(gè)完整的demo就展現(xiàn)在眼前了。
當(dāng)你看完上面的東西,再看我下面的內(nèi)容,就一目了然了。
以下內(nèi)容來(lái)自博客:http://blog.csdn.net/onightfalls/article/details/76520868

第一步:

首先確認(rèn)系統(tǒng)已經(jīng)安裝jdk并配置好環(huán)境變量。

第二步:

下載 Sencha Cmd安裝文件,地址:https://www.sencha.com/products/extjs/cmd-download/

第三步:

配置環(huán)境變量,進(jìn)入環(huán)境變量 -> 系統(tǒng)變量 -> Path -> 追加D:\Program Files\Sencha\Cmd;(即: sencha cmd 安裝路徑)

第四步:

本地下載Extjs依賴(lài)ext-6.2.0-gpl.zip, (下載地址及方式自行百度)

最后一步: 生成項(xiàng)目

C:\Users\Administrator>sencha -sdk D:\Sencha\ext-6.2.0 generate app -classic MyApp D:\Sencha\workspace\admin

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容