ExtJS 使用Sencha CMD创建模板工程

原创已于 2023-09-07 09:58:07 修改 · 660 阅读

本内容遵循CC 4.0 BY-SA版权协议

标签

#extjs #admin_dashboard #cmd #sencha

于 2020-04-15 11:44:54 首次发布

13 篇文章

订阅专栏

本文介绍如何使用SenchaCMD 7.2.0.56版本创建基于admin_dashboard模板的ExtJS项目。通过详细步骤指导，包括下载安装CMD、设置环境变量、生成项目及构建与修改配置，实现快速搭建美观的ExtJS应用。

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

给出步骤:

Sencha Cmd 版本 7.2.0.56

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

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

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;

进入SOIIC文件夹目录

修改app.json配置文件:

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

打开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

给出效果图:

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