首先说明,extjs6必须用cmd6(cmd如今最新版本是6,我用的是cmd6.0.2.14)打包
1.安装cmd6
如果之前安装的有cmd其他版本,需要把其他版本卸载了再安装cmd6,
注:我之前看过文章说cmd可以同时安装多个版本,用的时候只需要sencha-xxxxx,指向某个版本就可以了,并且之前我也同时安装的cmd5.1.2和cmd5.1.3两个版本,两个版本都可以用,所以理所当然的,我以为cmd6直接安装,就可以使用,但是尝试安装了五遍,每次都能安装到最后一步finish,然而在cmd运行sencha后依然显示的是5.1.3;运行sencha-6.0.2.14的话就显示,也就是说cmd6没有安装成功;
然后我就去控制面板里面把所有的cmd全部删除,再重新安装cmd6,就成功了。
好了,接下来要修改官方样式了。
2.修改官方主体样式
在用sencha命令创建的Extjs6项目中只能使用一种界面主题(Theme),如果要换一个界面风络需要重新修改app.json中的theme配置项,然后再用cmd命令重新编译生成
有两种方式,我用的是一种笨方法,
方法一:修改app.json,在文件的最后有关于builds配置项中的theme
第二步:用 sencha app build development 来重新生成开发环境;
最后打开index.html就是修改后的样式。
方法二:方法二是在网上看到的比较快捷的方法,可以快速看到所有的主体,但因为时间紧急,这个方法我还没有实践,等有时间了试一下这个方法。
- "builds": {
- "classic": {
- "theme": "theme-classic"
- },
- "gray" : {
- "theme" : "theme-gray"
- },
- "aria": {