extjs6 入门 sencha cmd 新建项目

【EXTJS入门】extjs 和 sencha cmd的下载 最近3天一直在捣鼓extjs,发现这个框架和其他前端框架区别很大,并不能很轻松的贯彻拿来主义,今天终于成功入门了,接下来做一下笔记 首先感谢极客学院的 tommychen1228 老师细心的讲解,原本我一直在看文档和网友的教程,总是一次次的失败,从extjs5 失败转战到extjs6又是失败,抱着试一试的心态去极客学院发现了这个课程,如获珍宝。不同于网上大部分教程的是,老师通过两方面,讲解了如何 阅读详情

1.创建 workspace

大家看过“extjs6 入门学习” 朋友一定都能创建属于自己的extjs6的项目了。有没有朋友想到一个项目需要维护多个版本或多套extjs开发的项目? 这是当然会有发生的。那么我们这里给大家带来的 workspace 这个东西解决这个问题。那么我们来创建一个 workspace 吧! 下面的D:\workspace 是路径。

sencha -sdk D:\ext-6.0.0 generate workspace D:\workspace

2.生成项目

上面会把 extjs 、 workspace.json 和 .sencha配置文件 生成说明 workspace 创建成功。下面我们来创建项目。

//进入目录
cd  workspace
// 创建项目
sencha generate app -ext myappone  ./myappone

3.生成view

我们是快速开发的,当然少不了一些好用快速生成器,这里给大家介绍两个比较好用的 。生成一套 view 常用的 b.js 试图文件 bbController.js 试图控制 和 bModel.js 试图模型,我们要做的工作一步到位,是不是快捷.

//进入项目目录
cd ./myappone
// 创建显示
sencha generate view myview

4.生成 model

应该注意 model 中的用法。

//进入项目目录
cd ./myappone
// 创建显示
sencha generate model mymodel id:int,name,pwd

5.拓展思考

1.我们用 sencha app watch 在 workspace 会有什么样现象 ?2.如果把workspace 中的extjs 换成 下载的 extjs6 sdk 会怎么样?

答 如果这样做的话可以使用

sencha app watch

ExtJs 6.2 实战 (三)使用Sencha Cmd创建应用程序 为什么要用Sencha Cmd呢首先是它有编译脚本的功能,将零散的应用程序脚本打包成一个下载包,而且可以吧没有使用到的组件清理出去。使用生成功能后,则可将所有应用程序内的脚本打包为一个文件发布,这对于部署和用户体验都是由极大好处的。其次是它由编译主题,这是Sencha Cmd体现得最突出一点。一直以来,ExtJs最突出得问题就是主题得缺乏,而主题得修改也不方便。在ExtJs6中引用了新的SASS编... 阅读详情

相关推荐

【EXTJS入门】extjs 和 sencha cmd的安装

上一节我记录了extjs5 和sencha cmd5的下载方式,在经过前者的解压和后者的安装后还有一些后续操作,这里记录一下 首先配置一下环境变量,将你sencha cmd安装的根目录地址粘贴到 环境变量里的path中即可。 接下来打开cmd 检查一下sencha 是否安装成功 如图所示是安装成功的。 接下来我们需要安装其他的环境变量应用, 包括 java jre 和ruby ,网

记事本 965

[Extjs6]如何使用sencha cmd创建项目及如何启动修改项目创建新的界面

创建项目Admin本次是使用ext6.0.2的sdk创建以下项目.使用sencha -sdk ./XXX generate app -s ./XXXX/templates/XXX Admin ./Admin命令。 修改项目配置文件 app.json在项目的根目录有app.json文件,需要修改其中output的base属性,具体如下图所示: "output": { //"base"

u010989191的博客 8265

ExtJs6入门-使用SenchaCmd命令创建第一个ExtJs6的HelloWorld项目

最近在公司里需要用到ExtJs,所以学习了一下,在这里总结一下是如何创建一个简单的ExtJs项目的,避免以后自己忘记,也希望能为以后需要的朋友提供点帮助。 1、首先需要安装SenchaCmd工具 SenchaCmd下载地址:https://www.sencha.com/products/extjs/cmd-download/,进入之后选择对应版本进行下载。 使用这个工具可以更方便的开发...

浮沉半生的博客 3925

sencha workspace install命令的使用

sencha workspace install命令的使用 install命令用来重新修复当前工作区中的任何Sencha Cmd应用程序或者框架的缺失部分。 这些部分通常不会存储在版本控制系统中(例如,Sencha框架)。 重要提示 在工作区中运行此命令之前,Sencha框架或SDK是必需的。框架(s)的引用依赖于当前工作区中各应用程序的需求 。这通常是一种商业许可的版本

清静致远 533

【LVGL】学习笔记--(3)界面切换以及显示优化

界面切换和帧率优化

sinat_33408502的博客 1万+

1173:阶乘和

1173:阶乘和 时间限制: 1000 ms 内存限制: 65536 KB 提交数: 6010 通过数: 3049 【题目描述】 用高精度计算出S=1!+2!+3!+…+n!(n≤50),其中“!”表示阶乘,例如:5!=5×4×3×2×1。 输入正整数n,输出计算结果S。 【输入】 一个正整数n。 【输出】 计算结果S。 【输入样例】 5 【输出样例】 153 思路: ...

zqhf123的博客 1260

011_Sencha Cmd中的工作空间

Sencha Cmd中的工作空间本指南介绍了Sencha Cmd的工作区。工作区被设计用来支持在多个应用程序间共享框架、代码、样式和资源。先决条件在继续深入之前,推荐阅读以下指南: Sencha Cmd概论 使用Sencha Cmd 工作空间是什么?构建大型应用程序的过程与构建单页面应用程序的过程相同。 一旦应用程序扩展到需要多个页面,就会出现一些常见问题: 使用Sencha框架的通用副本(Ext

清静致远 573

长安车机破解后能干啥?分享我的UNI-K车机安装第三方应用与优化体验实录

本文详细记录了长安UNI-K车机破解后的实用玩法与深度优化指南,包括安装第三方应用、导航体验升级、影音系统改造及系统美化等。通过工具箱和升级技巧,车主可以大幅提升用车体验,解锁更多隐藏功能。

weixin_33217202的博客 404

[Sencha Test] 3、入门

原文链接: 英文原文:《Getting Started》 安装了 Sencha Test 之后, 下一步就是管理你的测试环境. 作为一个开发者或者测试工程师, 这些工作都在 Sencha Studio 上完成. 一旦你在 Sencha Studio 上创建并配置了你的测试环境, 你就可以使用 stc 命令行工具来自动执行测试. 本指南会介绍管理测试项目的核心概念

小桥流水丿小溪 1097

Depth Anything 3实战:如何用DINOv2 Transformer一键生成3D高斯点云?

本文详细介绍了Depth Anything 3(DA3)模型如何利用DINOv2 Transformer架构,实现从单张或多视角图像一键生成高质量3D高斯点云。DA3通过统一的深度-射线表示和自适应注意力机制,简化了传统复杂的3D重建流程,并可直接微调用于3D高斯渲染,为图形学、CV和内容创作领域提供了高效的端到端解决方案。

postgres8guard的博客 722

Leads、SDR、MQL、SQL、L2C术语概念,线索创建与清洗、线索分级模型、线索流转策略、线索的统计与分析

CRM中的“Leads”是什么?笔者在文中不仅较为全面地介绍了相关术语概念,还分析了线索的创建与清洗、线索的分级模型、线索流转策略以及线索的统计与分析。

盼盼学士 5957

用sencha创建的ExtJs项目的目录结构说明

.sencha文件夹:**该文件夹下有app和workspace两个文件夹,主要包含一些生成应用程序所需的配置文件。一般情况下,不需要修改该文件夹下的任何文件。 **app文件夹:**这是后续开发将要使用到的文件夹,该 文件夹下有model、store和view三个文件夹,分别用来存放应用程序的控制器、模型、存储和视图文件。在app文件夹下有一个application.js文件,该文件是用来加载视...

qq_27693973的博客 817

Python之ae-toolbox包语法、参数和实际应用案例

ae-toolbox(全称 after-effects-toolbox)是 Python 生态中专门用于 Adobe After Effects(AE)自动化操作 的工具包,基于 AE 的 ExtendScript(JSX)桥接技术,实现 Python 与 AE 的跨语言通信。

王国平的博客 1174

医疗场景视频平台私有化部署方案:基于EasyDSS构建远程会诊与手术示教系统

在医疗信息化建设中,视频通信系统已从辅助工具演变为核心业务支撑。私有化部署作为保障数据安全与系统可控的关键架构,通过将流媒体服务置于院内网络,从根本上解决医疗影像与视频数据的合规存储问题。流媒体技术是此类平台的基础,涉及视频采集、转码、分发与录制等多个环节,其低延迟传输能力直接决定远程会诊与手术示教等场景的体验。同时,平台需与医院现有的HIS、PACS等业务系统深度集成,实现预约、会诊、归档的完整闭环。针对高并发直播和点播回看需求,合理的协议选型与参数调优至关重要。本文结合省级三甲医院智慧医疗视频中台实践,

weixin_33907511的博客 219

MySQL 一一 MySQL基本使用

1、数据库 简单来说,所谓的数据库就是存储数据的容器,而且是永久存储的。 2、为什么需要数据库 3、为什么要学习MySQL数据库 最早MySQL数据,瑞典AB公司开发的一款开源型的关系型数据库。 随着时间的推移,瑞典AB公司把MySQL数据库转让给Sun公司(Java语言的创始公司) 后来,Sun公司经营不善,又把MySQL数据库转让给甲骨文公司(Oracle数据库) 4、数

Guizy 7万+

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

sencha cmd 在ExtJS6.0的使用

项目创建引用ExtJS框架文件,项目最终发布时,熟练使用好SenCha Cmd工具,将提高一定的效率。       SenCha Cmd安装好后,如果不能确定自己的SenCha Cmd是否是最新的,可以直接在Dos命令窗口下,输入如下命令自动更新:       sencha upgrade 执行后,会自动下载,然后安装即可。          如果你在Dos命令窗中运行sencha

cswangbin的专栏 5823

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

Sencha Cmd 6/7 让你的 ExtJS6/7 项目使用 ES6/ES7/ES8 语法规范

Sencha Cmd 6.5 最大的变化: 支持动态加载包(dynamically packages loading)来开发大型企业级项目。参考 Create a Smooth Loading Experience for Large Enterprise Apps with Sencha Cmd 支持 ES6/ES7/ES8 语法规范,来开发 ExtJS6 项目(包括 Classic 和 Mode

小桥流水丿小溪 3912

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

extjs6入门:用sencha cmd搭建简单的extjs6项目

用sencha cmd搭建简单的extjs6项目 开发准备 1、sencha cmd安装 2、extjs6.0.0 gpl正式版下载,地址:https://www.sencha.com/legal/gpl/ ,解压ext-6.0.0-gpl.zip搭建步骤: 1、cmd进入你想要放置项目的地址,输入以下命令 sencha -sdk [解压后的ext-6.0.0的位置] genera

Cooky的博客 8929

sencha cmd 在ExtJS6.0的使用

sencha cmd 在ExtJS6.0的使用 2015-10-16 14:40 168人阅读 评论(0) 收藏 举报 版权声明:本文为博主原创文章,未经博主允许不得转载。       使用ExtJS框架的项目,熟练使用SenCha Cmd工具,将提高一定的效率。       SenCha Cmd安装好后,如果不能确定自己的SenCha Cmd是否是最新的,可以

gaoqiao1988的专栏 929

extjs6整合到web项目中

最近有一个项目需要应用extjs作为前端界面,因此研究了一下如何将extjs 6引入到项目中。以下是操作步骤       extjs下载地址       sencha cmd 搭建extjs 6环境 安装sencha cmd下载extjs6 并解压到 extjscmd 进入到extjs6的解压目录 执行 sencha 项目路径 app appsencha cmd 使用说明

清风徐来,水波不兴 1万+

mac下使用sencha cmd+extjs6

笔者刚接手公司一个项目,后台是使用extjs6做前端,php做api接口,两者通过ajax交互 没办法,不管接手的项目多么的挫逼,都还是要上的,拿人钱财替人消灾嘛 首先是安装sencha cmd ,百度一下 https://www.sencha.com/products/extjs/cmd-download/ 我下的是mac版 安装完之后,发现这事要依赖java的jvm的,所以还得去甲骨...

weixin_30241919的博客 468

使用sencha cmd操作ExtJS 6

sencha cmd是用来创建,构建ExtJS 程序的工具。 准备 您需要安装好sencha cmd命令行工具。 创建应用程序 sencha cmd创建ExtJS的程序框架 //方法一:创建ExtJS 6 项目 // 打开命令行窗口,window上即cmd.exe sencha -sdk /path/to/ext6 generate app MyApp /path/to/my-app ...

weixin_41045798的博客 774

使用sencha cmd创建项目

1.使用以下命令来创建一个extjs项目。sencha -sdk /path/to/ext6 generate app MyApp /path/to/my-app-sdk指定上一篇文章中extjs的sdk的目录(我的是在c:/ext6),如果你直接在sdk目录运行这个命令的话,则可以不指定-sdk选项。 正在复制ext的sdk到项目目录中,可能需要等待一段时间。 到此,我们已经创建好一个e

zsz459520690的专栏 2313

Extjs6.2笔记——使用Sencha cmd搭建环境

首先是下载 extjs6.2百度云网盘链接 https://pan.baidu.com/s/1hQaefoBDf5AmAJVv-YGw7w sencha cmd 最新版的网盘链接 https://pan.baidu.com/s/1b3lB29rzb1gzw5rXbNR-OA 俩个都是直接解压就好 sencha cmd 解压后按照傻瓜包安装的方式直接next就好 安装完成之后进行环境变量的配...

漏气的可乐的博客 1111

sencha touch cmd 环境配置(创建项目、打包、发布 )

一、安装Sencha Cmd  用于生成、部署extjs项目     1、下载安装以下软件:           (1)JDK  http://www.oracle.com/technetwork/java/javase/downloads/               安装到指定路径,例如D:\Java               打开计算机属性——高级系统设置

sunny68的专栏 2224
上一篇: ExtJs6 Desktop Demo 修改测试
下一篇: extjs6 desktop 桌面多主题切换
领尚
博客等级 码龄14年 1143粉丝 271原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值