Ext Js v6.2.0.103 Sencha Cmd 命令

 

Sencha Cmd v6.2.0.103
Sencha Cmd 提供幾種全局開關命令. 在大多數案例中, 第一步是在Sencha SDK基礎上建立應用 例如 Ext JS 或 Sencha Touch:

    sencha -sdk /path/to/sdk generate app MyApp /path/to/myapp Sencha Cmd 支持 Ext JS 4.1.1a 及更高版本 and Sencha Touch 2.1及更高版本. 使用幫助命令獲取幫助: sencha help generate app 使用Sencha Cmd更多信息, 從如下地址查看指南: http://docs.sencha.com/cmd/ 選項 * --beta, -be - 啓用 beta 包倉庫 * --cwd, -cw - 設置須要執行的命令目錄 * --debug, -d - 設置日誌詳盡等級級別 * --info, -i - 設置日誌默認等級 * --nologo, -n - 隱藏Sencha Cmd初始默認版本 * --plain, -pl - 開啓普通日誌輸出 (無強調) * --quiet, -q - 將日誌級別設置爲僅警告或錯誤 * --sdk-path, -sd - 使用本地無應用SDK命令 * --strict, -st - 將警告視爲錯誤，若是存在任何警告則視爲錯誤並退出 s are present * --time, -ti - 在全部命令執行完成後顯示執行時間 類別： * app - 執行各類應用程序的構建過程 * compass - 包裝執行sass編譯的指南針 * compile - 編譯源產生鏈接輸出和元數據 * cordova - 快速初始化支持Cordova * diag - 在Sencha Cmd執行診斷操做 * framework - 管理在當前工做區框架的命令 * fs - 處理文件的工具命令 * generate - 生成模型、控制器等或整個應用程序 * manager - 命令與Sencha交互的Web應用程序管理器. * manifest - 提取類元數據 * package - 管理本地和遠程包 * phonegap - 快速初始化支持PhoneGap * repository - 管理本地存儲庫和遠程存儲庫鏈接 * template - 處理模板命令 * theme - 底層主題操做命令 * web - 簡單HTTP協議文件服務管理 * workspace - 在當前工做區中執行操做 命令 * ant - 返回Sencha Cmd調用Ant和有用的屬性 * audit - 從當前文件夾搜索Sencha框架和報告他們的許可證 * build - 從遺留JSB3文件構建一個項目. * config - 加載一個屬性文件或設置一個配置屬性 * help - 顯示命令幫助 * js - 執行任意JavaScript文件(多個) * switch - 動態管理Sencha Cmd 版本 * upgrade - 升級 Sencha Cmd * which - 顯示當前版本的Sencha Cmd的路徑

 用 Sencha Cmd 生成第一個 Ext JS 應用
 打開命令行窗口鍵入如下命令：

sencha generate app --ext MyApp ./myapp

運行上面的命令將會建立名爲 MyApp 的 Ext JS 應用，應用全部的文件都放在當前目錄下名爲 myapp 的文件夾。
注意，上面的命令生成的 Ext JS 應用代碼，包含兩個工具包：classic 和modern。由於你不明確指定須要用那個工具包的時候，默認建立的就是通用的應用。若是你須要指定使用 classic 或者 modern 工具包。那麼用 --modern或者 --classic 參數，如如下命令所示：

sencha generate app --ext --modern MyApp ./myapp

當你第一次運行這個命令時，這應該會自動下載 Ext JS 6。若是沒有自動下載，那你須要手動的取下載 Ext JS 6，這裏貼出來 GPL 協議的 Ext JS 6 官網下載地址 http://cdn.sencha.com/ext/gpl/ext-6.0.0-gpl.zip 這裏下載後解壓，這時候生成 Ext JS 應用時就可使用如下命令以指定 SDK 的形式生成了：

sencha -sdk /path/to/sdk generate app MyApp /path/to/myapp

下面的例子，在目錄 /projects/extjs/myapp 下生成名爲 MyApp 的 Ext JS應用：

sencha -sdk /bin/Sencha/ext/6.0.0/ generate app MyApp /projects/extjs/myapp

如今能夠查看已經建立的應用了，運行如下命令：

cd /projects/extjs/myapp （按回車）
sencha app watch

在瀏覽器輸入默認 URL (http://localhost:1842)，能夠看到應用界面默認當你使用電腦訪問 URL (http://localhost:1842)，應用會自動檢測併爲你展現 classic 工具包的 UI。若是訪問是來自一個移動端瀏覽器，它將展現modern 工具包。如何在電腦上看 modern 風格的應用呢？附加參數 (http://localhost:1842?profile=modern)

MyApp 應用的總體目錄結構以下圖。咱們瞧一瞧這個實例程序都有哪些比較重要的文件。
應用包含了 model, store, 和 application.js 。你就把 store 當作是一個model 實例的集合。store 是爲你的程序功能提供並加載數據用的，你能夠認爲 store 就是一個數據源，它支持排序，過濾，分頁等等，常常用到 store的就是 grid 組件。這些都會在後面一一講到。
在 下面截圖中,有 classci 和 modern 這兩個文件夾。這兩個文件夾包含使用不一樣工具包時寫的 view(視圖)代碼，例如你 classic 風格的 view(視圖) 就應該寫在 classic 目錄下，modern 風格的 view(視圖) 就應該寫在 modern目錄下。

 

下圖爲 classic 和 modern 文件夾下的結構。classic 和 modern 都包含 src目錄，而你的 view(視圖) 就應該寫在 src 裏面。而這個 main.scss 文件是樣式文件，在 classic 和 modern 工具包都存在，對應桌面和移動設備的樣式。還有就是在根目錄也有一個 sass 文件夾，那裏是放置應用全部設備共用的樣式。SASS (Syntactically Awesome Stylesheets)是一種樣式語言。Ext JS 中大量的用到 SASS。你將在第8 章(主題和響應設計)學習到更多關於樣式的知識。注意 classic 和 modern 目錄，這裏面都不是 Ext JS 框架的工具包源碼，這裏是程序的代碼，classic 和 modern 兩個工具包的源碼在根目錄 ext 文件夾裏：

 

Sencha 命令格式
Sencha 命令採起如下格式：

sencha [category] [command] [options...] [arguments…]

Help
鍵入如下命令，你將獲取一個 categories(類別)列表，一個頂層的commands(命令)列表，一個可用的 options(選項)列表：

sencha help

獲取一個特定類別的幫助信息，類別名稱緊隨在 help 後面，例如獲取一個類別 app 的幫助信息，運行下列命令：

sencha help app

升級 Sencha Cmd
若是你想檢查是否有 Sencha Cmd 可用的更新，使用如下命令：

sencha upgrade --check

若是你要升級 Sencha Cmd，只須要移除 --check 選項，如如下代碼所示：

sencha upgrade

 

生成一個應用

Sencha Cmd 支持 Ext JS 4.1.1a 及更高版本和支持 Sencha Touch 2.1 及更高版本。你電腦上能夠存在多個版本的 SDK。這是基於 Sencha SDK 生成應用的命令格式，例如 Ext JS 或者 Sencha Touch：

sencha -sdk /path/to/sdk generate app [--modern/classic] MyApp /path/to/ myapp

這個示例代碼將在目錄 /Users/SomeUser/projects/extjs/myapp 下生成名爲 MyApp 的 Ext JS 6 應用 ：

sencha -sdk /Users/SomeUser/bin/Sencha/Cmd/repo/extract/ext/6.0.0/ generate app MyApp /Users/SomeUser/projects/extjs/myapp

 

構建應用
運行下列命令將進行構建 HTML，JS，SASS 等等：

sencha app build

使用 Sencha Cmd 6 構建 Ext JS 6 應用，你還能夠運行下列命令選擇構建moern 或 classic 風格的應用：

sencha app build modern
sencha app build classic

這裏說一下，modern 和 classic 的構建配置在 app.json。 默認 Sencha Cmd運行兩個構建配置： classic 和 modern 。若是須要你也能夠在 app.json 中添加額外的構建配置。

 

啓動應用
watch 命令用於從新構建並啓動應用。這不只會啓動應用程序,還監視任何代碼更改，一旦代碼改變，瀏覽器刷新將包括最新的代碼：

sencha app watch

在 Sencha Cmd 6 和 Ext JS 6，你也能夠運行下列命令選擇 modern 或classic：

sencha app watch modern
sencha app watch classic

代碼生成

用Sencha Cmd，你能夠生成 Ext JS 代碼，例如 view，controller，model：

sencha generate view myApp.MyView
sencha generate model MyModel id:int,fname,lname
sencha generate controller MyController

當你生成 model 時若是不指定字段類型，默認類型是 string。