extjs 初体验之 sencha cmd

1、安装sencha cmd

https://www.sencha.com/products/sencha-cmd/download/

2、sencha cmd 使用

• 生成workspace（工作区）

sencha -sdk /path/to/extjs6 generate workspace ./workspace

• 在工作区建extjs项目

cd workspace
sencha generate app --ext --classic MyApp ./myapp
sencha generate app --ext UniversalApp ./myuniversalapp

• 在工作区建软件包

sencha generate package arrow-button

Workspace只是一个最终包含一个或多个页面，框架，包和其他共享代码或文件的文件夹, 在工作区中生成的项目就是通过工作区中的"ext"文件夹生成的

3、生成extjs项目

• 通过sdk生成

sencha -sdk /path/to/ext6 generate app MyApp /path/to/my-app

• 下载试用版 extjs

sencha generate app -ext MyApp /path/to/my-app

• 编译|构建 应用程序

sencha app build

• 运行

sencha app watch

• 访问

http://localhost:1841/  

1841是默认端口号

4、其他

• 开发构建和刷新

sencha app build development
sencha app refresh

• 快速生成常见的MVC组件

sencha help generate 查看有哪些组件

cd /path/to/MyApp
sencha generate model User id:int,name,email

该命令添加一个User使用给定3个字段调用的模型类。

cd /path/to/MyApp
sencha generate view foo.Thing

以上将生成以下文件：

app/
    view/
        foo/                    # Folder for the classes implementing the new view
            Thing.js            # The new view
            ThingModel.js       # The `Ext.app.ViewModel` for the new view
            ThingController.js  # The `Ext.app.ViewController` for the new view

在这种情况下，没有必要的参数超出视图名称。但是，如果需要，您可以添加基类：

cd /path/to/MyApp
sencha generate view -base Ext.tab.Panel foo.Thing

这将改变extend视图类使用的Ext.tab.Panel

cd /path/to/MyApp
sencha generate controller Central

5、升级

sencha app upgrade
sencha app upgrade ../path/to/framework