Sencha Cmd 辅助开发ExtJS4 MVC架构项目

1、环境:

Sencha Cmd 下载地址:http://cdn.sencha.com/cmd/3.1.1.274/SenchaCmd-3.1.1.274-windows.exe.zip

ExtJS 4.1.1a 下载地址:http://cdn.sencha.com/ext-4.1.1a-gpl.zip

Ruby 下载地址:http://rubyinstaller.org/downloads

Sencha Cmd现在已经更新到上述连接,用SenchaSDKTools-2.0.0-beta3-windows.exe会在后边出问题,所以直接用上述安装包,安装时路径中不要加空格;我安装在D:\Sencha;

下载好ExtJS之后解压到D:\Sencha,产生目录结构如下:

接下来安装ruby,安装时会出现有三个选择框的界面,到时候三个全部选上,否则会出现错误,安装完之后在cmd输入ruby -v,如果显示版本号,安装成功。

2、开始:

在eclipse中新建一个Test的项目

之后打开cmd,cd到ext目录下,如图:,然后依次执行如下命令:

安装compass:

然后执行sencha genterate app Test D:\DBI\Test\WebContent(项目名称 、项目部署目录)

之后出现如下界面:


做到这一步,如果不是按上述地址下载的Sencha,就会出现红色的Warn,好了,现在Sencha Cmd已经帮我们生成了一个简单的ExtJSMVC框架,到目前为止,可以先放下Sencha了,到最后项目开发完了再接着讲如何使用该工具。


接下来要做的就是刷新eclipse中的项目,新的Test项目目录如下:现在,部署你的项目并启动tomcat,就可以看到结果了!


你可能感兴趣的:(Sencha Cmd 辅助开发ExtJS4 MVC架构项目)