Sencha ExtJS5.x主题系列讲解2

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