1、npm 方式 (支持7.2及更高版本)
官方文档 CLI Reference | Ext JS 7.7.0
下载App Generator CLI ext-gen
构建
构建命令
# 安装脚手架
# 可指定版本 @版本号
# 仓库地址https://www.npmjs.com/package/@sencha/ext-gen?activeTab=versions
npm install -g @sencha/ext-gen
# 交互模式构建 app
ext-gen app -i
#构建 工具包为classic 的 主题为theme-material的 APP name为Demo 的项目
ext-gen app -t classicdesktop -c theme-material -n Demo
命令参数
模板选项 -t
主题选项 -c / -m
命令脚本见package.json下 scripts
配置项
运行: npm run start
/ npm start
/ npm run dev
打包: npm run build
2、Sencha Cmd 方式
官网下载sencha cmd:Try Sencha Ext JS: A Comprehensive JavaScript Framework - Sencha
某度网盘下载:百度网盘 请输入提取码
若已安装旧版sencha cmd 可通过命令 sencha upgrade
下载更新最新版
若需要支持旧版sdk样式项目,安装过程中需要勾选以下按钮
构建命令
sencha geerate app --ext@6.2.0 --classic Demo ./demo
常用命令
sencha help
查看命令帮助
sencha help command
查看对应命令使用帮助 如 sencha help generate app
sencha generate app --ext --classic Demo ./demo
再./tps目录下构建sencha cmd对应sdk版本classic工具包项目,项目名称为Tps
- 可通过
-sd
指定本地sdk - 也可通过
--ext@版本号
指定版本
- 如
sencha -sd path/to/sdk generate app -classic Demo ./demo
sencha app watch
运行并监视项目
- 可通过
-f
开启fashion 动态样式
sencha config -g -p sencha.sdk.path=path/to/sdks -s
全局保存配置属性 指定sdk安装目录
sencha app build
打包压缩
3、原生js
将js、css文件引入html中
<!-- 主题样式 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/extjs/6.2.0/classic/theme-aria/resources/theme-aria-all-debug.css"/>
<!-- extJs -->
<script src="https://cdn.bootcdn.net/ajax/libs/extjs/6.2.0/ext-all-debug.js"></script>
<!-- 自己的js代码 -->
<script src="./js/app.js"></script>