通过简单的命令快速生成一个完整功能的应用程序代码。我们的目标是通过命令来创建一个应用程序框架。运行以下命令将执行相应的操作:sencha generate app -ext MyApp,这将在你本地下载并激活试用版的 Sencha 代码库。请注意,如果已经购买了正版代码,你需要按照下一节(sdk命令)来生成完整的应用程序结构。在完成上述步骤后,你可以看到自动生成的程序框架。注意,生成的 EXTjs 版本是商业体验版本,默认路径为:\\YourLocalPath\\ senchaworkspace\\MyApp。如果你已购买正版代码包,则需要下载ext.js的zip文件,并按照本地路径指定SDK的运行位置,以确保不会从默认位置下载SDK。命令示例:sencha -sdk /YourSdkPath generate app MyApp。按照路径执行后,你可以看到生成的文件夹结构如下:CODE/ 转到代码片.sencha/ # Sencha相关的特定文件 app/ # 应用程序的具体内容 Boot.js# 私有低层动态加载器 Microloader.js# 加载基于app.json的应用体 sencha.cfg# 应用配置文件 ext.properties# 与Ext JS相关的构建属性 *-impl.xml# 构建阶段的实现文件 defaults.properties# 建构使用的默认值和文档 ext_defaults.properties# 根据环境(如测试)设置的构建选项 plugin.xml# 程序级别的插件 sencha.cfg# 工具包配置文件 ext/ # 复制Ext JS SDK到目标目录 cmd/ # SenchaCmd框架相关的插件 senchay.cfg# 框架配置文件 packages/ # 提供的框架包 ext-theme-classic/ # 经典主题包 ext-theme-neptune/ # Neptune主题包 ...其他主题和区域包 src/ # Ext JS源代码 index.html# 运行点到应用入口 app.json# 应用 manifest app.js# 启动Application类 app/ # 在MVC结构中组织的应用程序模型 model/ # 应用模型类存储目录 store/ # 应用存储目录 view/ # 应用视图目录 main/ # 实施Main视图的类及其相关组件 Application.js# Sencha.Application类实现 MainModel.js# Ext.app HMClass MainController.js# Ext.app VC controller类 index.html# 运行点文件 app.json# 定义了启动点信息 sencha app build命令可以快速构建你的应用程序并打包。这个命令需要在应用代码目录下执行。你可以看到执行过程中的各个阶段:Sencha 的网络服务容器允许你将本地程序转换为网络服务。使用sencha web start命令启动网络服务,它将1841端口配置为当前访问端口。按下Ctrl+C可以终止服务。网络服务可以在浏览器中通过http://localhost:1841访问。如果你不想默认端口,可以在运行时指定端口号码:sencha -port 8080 web start扩展你的应用程序使用 sencha generate命令快速创建mvc组件包,如controllers和models。执行命令sencha help generate可以看到详细的扩展信息。请注意,在执行命令之前,你必须位于当前应用目录下才能调用SenchaCmd工具。增加新的模型、控制器或视图可以使用sencha generate model/ controller/ view命令,这样就可以快速创建所需的组件。现在你可以根据app/sencha.cfg文件中的配置选项自定义应用程序的多种配置选项。类路径信息在app/app.classpath配置下自动确定,它位于app/config目录中。默认情况下,类路径信息是基于当前项目根目录的,即app和app.js文件。要更新你的应用程序使用sencha app upgrade命令,并指定新的路径。如果已有的项目缺少index.html文件,则需要在app.json中设置相应的启动点信息。