ExtJS 使用CMD创建模板工程

ExtJS 使用CMD创建模板工程

背景:Sencha官网的admin_dashboard真的是非常好看,想要自己做一套耗时耗力;但是CMD工具提供了使用模板创建项目的功能;

给出步骤:

Sencha Cmd 版本 7.2.0.56

1) 下载CMD,如果链接失效,那么自己去试用一下ExtJs,或者自己去找,去下载;下载完后安装,一路Next直到完成;

2) CMD默认会安装Sencha的环境变量;打开Windows CMD窗口,输入Sencha,如果有响应,那么安装成功;

ExtJS 使用CMD创建模板工程_第1张图片

 3) 空目录下执行Sencha命令,构造项目;

第一次构造的时候,如果没有指定--sdk-path,那么将会自动下载SDK;

SDK路径:C:\Users\luj\bin\Sencha\Cmd\repo\extract\ext\7.2.0.67

sencha help generate app

查看生成app的各种参数;

一句模板构造项目命令:

sencha [-sdk ext-SDK-Path] generate app -s [admin-dashboard-path] AppName APPPath

我这里执行命令是这个,对比一下就明白了:

sencha generate app -ext -s C:\Users\luj\bin\Sencha\Cmd\repo\extract\ext\7.2.0.67\templates\admin-dashboard SOIIC SOIIC

然后会自动生成项目,默认classic|modern;

ExtJS 使用CMD创建模板工程_第2张图片

进入SOIIC文件夹目录

修改app.json配置文件:

主要修改两处,见下两图:

ExtJS 使用CMD创建模板工程_第3张图片ExtJS 使用CMD创建模板工程_第4张图片

 打开CMD窗口,输入命令:

sencha app build development

Sencha将会自动构建项目;就将完毕后生成了classic-zh_CN.json[p],modern-zh_CN.json[p];现在可以把原有的classic.json[p],modern.json[p]等文件删除.

然后修改生成的index.html文件,修改profile,classic|modern修改为classic-zh_CN|modern-zh_CN;否则会加载不到文件;

查看效果,输入命令:

sencha app watch development

给出效果图:

ExtJS 使用CMD创建模板工程_第5张图片

ExtJS 使用CMD创建模板工程_第6张图片 

OK,大功告成!希望对各位看官有帮助; 

你可能感兴趣的:(extjs)