部署到生产环境
或许你已经注意到,我们之前创建的应用都是用在线代码工具在一个页面生成的。作为入门开始,这是一个不错的选择。但真实应用并不需要加载框架中所有的类。例如,如果你不需要表格,你或许就不想浪费资料去加载框架中表格的源代码。
幸运地是,我们为你准备了一套工具!它叫做Sencha Cmd。Cmd是一套工具系统,它允许你使用框架的子集创建应用程序,这个子集是基于你程序中实际用到的组件。通过做少量的额外工作,你便可以创建轻量级的应用程序。实际上,如果你跟寻我们前面讨论的案例,你应该不需要更改任何东西。当然,在外部使用Cmd也是相当滴简单。安装它,生成一个程序,然后开始写代码。
让我们一步一步土在真实环境中创建我们从开始到现在创建的程序吧!
下载Ext JS框架
如果你还没有下载,请下载并解压Ext JS框架。你可以从Sencha主网站的Products菜单下载(http://www.sencha.com/)或者从 Sencha Support入口页面的downloads菜单下载。
下载示例程序
快速入门的示例程序可以从这里下载(https://github.com/sencha-extjs-examples/QuickStart/)。你可以通过点击Github上的绿色的”Clone or Download”按钮下载。然后点击”Download Zip”,将文件保存到你的电脑上。下载完成后,将文件夹移动到你想要运行程序的地方。
将Sencha Cmd添加到你的应用
当你生成了你需要的应用后,在命令行接口(CLI)工具中通过cd命令切换到该目录。然后,键入如下命令:
sencha app install --framework=/path/to/extjs/
这个命令将会用Sencha Cmd的应用脚手架来更新你的应用文件夹,以使你能够从Sencha Cmd的许多特性中受益。
注释:”path/to/extjs”需要替换为你电脑上解压的Ext JS框架的目录地址。
生成你的应用
最后,运行如下命令构建你的应用:
sencha app build
现在,你可以在本地机器上的web服务器上访问你的应用啦。
此外,你也可以运行这条命令让Sencha Cmd自动为你提供一个Web服务器:
sencha app watch
然后,你就可以访问在控制台上生成并显示的地址。它常常是类似下面的地址:
下一步
你现在应该可以接受框架的使用了吧!我们有大量的指南和示例,那么请查阅我们快速入门指南里的最后一节提供的资料!