使用ExtJS框架的项目,熟练使用SenCha Cmd工具,将提高一定的效率。
SenCha Cmd安装好后,如果不能确定自己的SenCha Cmd是否是最新的,可以直接在Dos命令窗口下,输入如下命令自动更新:
sencha upgrade
执行后,会自动下载,然后安装即可。
如果你在Dos命令窗中运行sencha 命令,提示sencha.exe 不是有效的 Win32 应用程序。这很有可能是你的环境变量没有设置好。
右键“我的电脑”--》“高级”标签页--》点击“环境变量”按钮,在Path里添加正确的sencha安装目录,
例如我的用户环境设置:path = E:\Program Files\Sencha\6.0.2.14
下载好最新的ext-6.0.0-gpl.zip后,解压到一个目录。如果你的目录带有空格,在Dos命令窗下,记得双号号""这个路径,这样就不会因为路径非法而导致命令失败。
如我解压到 E:\Program Files\ext-6.0.0
解压后的Extjs源码,可能不是当前sencha.exe版本编译的,这时你需要重新编译这个源码包,命令如下:
先进入ext源码目录:
cd "E:\Program Files\ext-6.0.0"
e:
sencha package upgrade
更新完后,就可以sencha 提取框架文件到一个要准备创建的项目了。
假设项目创建在e:\workspace下面,使用以下命令提取框架:
E:\workspace>sencha -sdk "E:\Program Files\ext-6.0.0" generate app firstDemo e:\workspace\firstDemo
一个叫firstDemo的ExtJS项目框架就生成了。
Readme.md 自说明文件在E:\workspace\firstDemo目录下,应该好好读读。到时根据项目需要删除一些没使用到的文件。
在tomcate安装目录下:\conf\Catalina\localhost中创建一个xml文件(firstDemo.xml)。注意:firstDemo.xml的名称要与下面的path=""值相同。
- <?xml version='1.0' encoding='utf-8'?>
- <Context crossContext="true" docBase="E:\workspace\firstDemo" path="\firstDemo" reloadable="true">
- </Context>
重启tomcat;
访问虚拟目录 http://localhost:8080/firstDemo