Extjs6.2環境的搭建跟Extjs4.2有所不同,sencha公司推出了shencha cmd這款工具可以方便的搭建一個Extjs Mvc項目。使用cmd的最直接的兩個好處就是可以生成代碼框架和針對性的對你的ext項目編譯。你可以通過Sencha cmd的命令直接是生成一個應用框架,不必自己再寫app.js 等很多代碼,想想就爽哈哈;Extjs功能強大,對很多的功能都進行了封裝,但是有許多功能我們都暫時都用不到,導致在4.2版本時即使是一個很小的項目都需要引入全部的extjs代碼,網站就很笨重,在之后的版本中,Extjs通過Sencha cmd工具對js代碼進行“編譯”只將你用到的功能代碼提取出來形成一個“編譯”后的特殊版本,相當程度上優化了性能,減少了冗余。Sencha cmd的使用方式在生成應用時會具體介紹。
一、下載sencha cmd 和 Extjs6.2
由于Extjs是商用軟件,想要免費的使用會有一些限制條件,但是學習者的我們先不用管這個。在下面的網址填寫你的一些信息,會有郵件發送到你的郵箱,郵件中就包含了下載鏈接,包括Extjs的壓縮包,cmd的壓縮包。
https://www.sencha.com/PRoducts/extjs/evaluate/ 外國網站訪問可能會比較慢,筆者在這里提供一個Extjs6.2版本壓縮包的百度云鏈接(http://pan.baidu.com/s/1i5sQ4Cl)由于cmd會有使用者操作系統之分,筆者使用的是Ubuntu,應該比較小眾,就不提云盤供鏈接了,各位可以根據sencha的郵件鏈接下載。
二、安裝cmd,搭建第一個應用
http://docs.sencha.com/cmd/guides/extjs/cmd_app.html 這是官方給出的文檔,本文以下部分也都基于官方文檔。只是英文的文檔可能有人不怎么愿意讀,我在下面簡單地給出步驟。
安裝好cmd,配置cmd的環境變量(這個過程我就不詳細講了,環境變量的配置過程自行百度),將下載好的extjs6.2解壓至硬盤任一位置,假如是D:/Extjs6.2.0 。
打開命令行界面,執行如下指令:
sencha -sdk D:/Extjs6.2.0 generate app MyApp D:/MyApp以上指令的含義為在 D:/MyApp目錄生成一個叫MyApp的項目,這個項目使用的Extjs庫為D:/Extjs6.2.0目錄下的Extjs。此項目就是一個Extjs項目的框架,里面預先寫好了一個主頁面,你可以根據需要修改或者重寫,那么要如何查看這個生成的項目呢?
首先在命令行里面轉到生成的MyApp所在的目錄(不會的同志自行百度cd命令)即 D:/MyApp,然后執行如下命令
sencha app watch 如果上述步驟都沒有問題并且默認端口沒有被占用,將會提示你可以打開瀏覽器在網址欄輸入localhost:1841訪問該項目。如果此端口被占用,命令行界面會提示并給出正確的端口號。
項目主頁效果如下若最后項目代碼編寫調試完成,則使用如下命令進行“編譯”:
sencha app build如果“編譯”過程沒有錯誤,則會在 MyApp所在目錄下的build文件下生成最終的Extjs 項目代碼,通常只有其文件狹小只有十幾兆,遠遠小于Extjs4.2時代數百兆的數據量。PS:初寫博客,內容難免有疏漏之出,還望多指正包含。本文屬于Extjs6.2系列,此系列將來會由更多的內容,筆者會逐步更新。新聞熱點
疑難解答