ExtJS主题系列讲解2
构造自定义主题
一旦安装好以上的必须后,你就可以构造一个自定义的主题了。
设置一个工作空间(可选的)
通过CMD生成的工作空间,可以允许主题,包和SDK在空间内的各个应用程序间共同使用。然而,对于自定义主题来说,这并不是必须的。如果你的应用只有一个,就没有必要如此做了。
我们下面会通过CMD创建一个工作空间,这样,就可以让目录下的所有应用都可以使用的到,在需要创建的目录下执行如下命令:
sencha-sdk {path/to/Ext-JS-5-SDK} generate workspace my-workspace
{path/to/Ext-JS-5-SDK}需要根据你本地的位置自行更改。
generate
workspace命令在my-workspace目录下生成骨架,generate workspace命令会拷贝SDK工作空间让所有的应用可以找到所需的依赖,工作空间是你主题存在的地方。自定义的主题也会使用到这里,下一步,切换到新的工作空间:
cdmy-workspace
在工作空间下你就会看到如下两个目录了:
ext-包含ExtJS SDK
packages-包含应用程序主题空间的主题包。
生成应用程序的测试主题包
在创建之前需要设置测试主题,在my-workspace目录下执行下面的命令:
sencha-sdk ext generate app ThemeDemoApp theme-demo-app
Sencha
cmd执行一个叫ThemeDemoApp的应用程序,并有子目录theme-demo-app产生。切换到新的目录下:
cd theme-demo-app