ExtJs6.5.2新手入门——如何用sencha cmd创建自己的第一个项目
博主自己也是一个刚开始学习ext的小白,学习新知识一定要记录下来,直接复制自己原来写的培训手册里的,希望能帮到刚接触ExtJs的你!——[作者:伊利蛋白钙yL 原文链接:http://www.cnblogs.com/milkbiubiubiu/p/8360716.html]
第1章 创建并运行第一个Ext Js Classic 项目
1.1 开发环境搭建
官方网站:https://www.sencha.com
在线文档:http://docs.sencha.com/extjs/6.5.1/index.html
官方论坛:https://www.sencha.com/forum/
Sdk 下载:https://www.sencha.com/products/extjs/evaluate/
Cmd 下载:https://www.sencha.com/products/extjs/cmd-download/
在线演示:http://examples.sencha.com/extjs/6.5.1/examples
注: Sencha Cmd:创建项目、生成测试包、编译代码等的工具
Sdk:Sencha Cmd 生成Ext Js 项目时需要
1.2 下载Sencha Cmd 工具、Ext Js SDK
1.2.1打开cmd工具的下载链接,根据自己操作系统下载即可,如图1:
图 1.1
1.2.2打开sdk 下载链接,填写对应信息点击“DOWNLOAD”即可,官方会将 下载链接发送至邮箱,如图2:
图 1.2
收到邮件后点击下载即可,点击“Pivot Grid,D3、Adapter...”下载扩展包,如图3:
图 1.3
sdk安装时路径在生成项目时会用到,其他的默认一路安装即可,安装完成后运行sencha.exe,然后在sencha cmd 文件夹下打开命令工具输入“sencha”检测是否安装成功
如图4即为安装成功:
图 1.4
重要:配置环境变量:进入环境变量 -> 系统变量 -> Path -> 追加H:\Ext6.5.2\senchaCmd6.5.2;(即: sencha cmd 安装路径)
Sencha cmd 相关指令:
(1)升级cmd
sencha upgrade
(2)创建PC端项目
sencha -sdk H:\Ext6.5.2\ext-6.5.2 generate app --classic app H:\Ext6.5.2\senchaCmd6.5.2\demo\www
H:\Ext6.5.2\ext-6.5.2 : sdk所在目录
generate app : 创建一个新项目
--classic app : 创建PC端项目(modern:移动端)
H:\Ext6.5.2\senchaCmd6.5.2\demo\www : 项目路径及名称
创建成功如图5,图6所示:
图 1.5
将生成的项目放入编辑器里运行index.html即可看到全部效果,如图6:
图,1.6
(3)编译项目
sencha app build
编译后的项目在build下的production文件夹内,如图7所示,直接将此app文件放入服务下即可运行
图 1.7
sencha app watch
实时编译,Ctrl+C取消实时编译
总结:掌握这些基础知识,我们就可以创建一个ExtJs项目了。
第2章 项目结构说明
2.1项目结构
如图2.1,整个项目的文件,了解这些文件的作用能够更好的理解和开发
2.1
2.1.1 app目录
app是我们项目的主题目录,整个项目的代码基本都在这里面,整个架构体现的是ExtJs的MVC、MVVM结构,
model,store,view
Application.js:入口文件
Application.scss:公用scss文件,不用更改
2.1.2 build目录
用sencha cmd 指令打包压缩编译的项目会生成在该目录下
2.1.3 ext目录
框架源码以及主题文件
2.1.4 resources 目录
用于开发者放置资源文件,自定义的css,外部js,images等
2.1.5 app.js和 app.json (重要)
app.js是整个程序的入库文件,继承于app中的Application.js
App.json 是用来做配置的,可以声明程序的命名,配置主题包,添加汉化包等,
2.1.6 index.html 访问入口,其他的文件可忽略不计
第3章 辅助内容
3.1 解决Eclipse读取extjs项目时卡死
打开Eclipse的workspace下该项目对应.project文件:
删除以下内容:
(1)
<buildCommand>
<name>org.eclipse.wst.jsdt.core.javascriptValidator</name>
<arguments>
</arguments>
</buildCommand>
(2)
<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
【声明:本文为作者原创,未经允许不可转载!谢谢】
转载于:https://www.cnblogs.com/milkbiubiubiu/p/8360716.html
ExtJs6.5.2新手入门——如何用sencha cmd创建自己的第一个项目相关推荐
- 《Ext JS 6.2实战》节选——使用Sencha Cmd创建应用程序
如果对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.zi ...
- MACD是什么意思?炒股票新手入门如何用MACD金叉选股指标公式应对A股市场
而今沪深股市时不时就会震荡一下,小池就给而今沪深股市时不时就会面对震荡一下的炒股票新手入门介绍一下应对A股市场的秘密武器 - MACD金叉选股公式. 首先来讲一下炒股票新手入门是必备常识有哪些: 首先 ...
- Sencha Cmd创建Ext JS示例项目
Sencha提供了免费的Cmd工具,可以用来创建Ext JS项目并提供了一些便利的功能. Sencha也在官方文档中提供了一个示例来演示如何创建一个Sample Login App. 本文就介绍一下这 ...
- Android新手入门2016(1)--创建和运行helloworld
本文来自肥宝传说之路,引用必须注明出处! 我是新手,但不是第一次接触了.陆陆续续做了一些东西,还写过一些小游戏.不过都是直接用cocos2d-x的多. 从现在起开始学习学习吧.不为什么,因为穷!!! ...
- 一个新手对软件开发的理解(写自第一个项目--Linpop之后)
在沈阳东软(不是广告)呆了一个月的时候,c和Linux讲完了,如果说没有太扎实的基础的话,来东软培训还真是比较吃力.今年比较幸运貌似,碰上了开发经验丰富的老师.收获很多,也很大其实.看到第一篇整理贴居 ...
- sencha app watch php,Sencha Cmd使用指南
查看Cmd版本 使用 sencha 命令查看当前cmd版本信息 sencha 显示如下 Sencha Cmd v6.1.2.15 Sencha Cmd provides several categor ...
- LINUX新手入门及安装配置FAQ(http://bbs.blueidea.com/viewthread.php?tid=635906amp;page=)
LINUX新手入门及安装配置FAQ 剑气凌人 [楼主] 尖脐 荣誉管理团队 帖子 6386 体力 10046 威望 168 当前 北京 海淀区 发短消息 个人网站 1# 大 中 小 发表于 ...
- 新手入门刷题(专题三)暴力枚举
新手入门刷题(专题三)暴力枚举--->持续更新 4.14 统计方形(数据加强版) 题目描述 有一个 n×m 方格的棋盘,求其方格包含多少正方形.长方形(不包含正方形). 输入格式 一行,两个正整 ...
最新文章
- Facebook最新研究:无需额外训练AI,即可加速NLP任务
- 重要头文件: cc430x613x.h
- lambda表达式的使用 || Lambda Express 口诀: 拷贝小括号,写死右箭头,落地大括号||default || @FunctionalInterface||静态方法实现
- 神经网络架构搜索(NAS)综述 | 附AutoML资料推荐
- Map集合中的一些具体方法的体现
- mapstruct详解
- 同一个闭区间上有界变差函数的和与积都是有界变差函数
- python将文件数据转换成二维列表
- IPython系统相关内容及其配置信息
- 终极解密!输入网址按回车到底发生了什么?
- error LNK2019: unresolved external symbol _main referenced in function ___tmainCRTStartup
- Ruby on Rails本地安装方法
- 《编写可维护的JavaScript》——2.2 多行注释
- html5快捷键保存,保存的快捷键是什么?有了快捷键保存太方便了
- 第一次初学游泳+自我总结+小窍门
- 搭建区块链浏览器——基于hyperledger fabric 1.0,MySQL容器
- 干货精讲!java分布式事务框架
- 第四讲 介词 (Preposition)
- 实验三 密码破解技术
- Web程序设计项目【附源码】
热门文章
- 计算圆弧与矩形相交_GIS算法:3_拓扑空间关系计算模型DE-9IM
- php程序监听node.js程序和go程序
- php中的interface和implements及其他
- 这些知识点你会吗?redis的分布式布隆过滤器含答案解析
- python【数据结构与算法】动态规划详解从背包到最长公共子序列(看不懂你来打我)
- python【蓝桥杯vip练习题库】ADV-97十进制数转八进制数
- Unet实现图像分割(二)
- 算法提高 c++_ch04_02_修正版
- 2 resize 到指定大小_阿里巴巴为什么让初始化集合时必须指定大小?
- java cpu过高排查_CPU使用率过高,访问页面的速度越来越慢?今天我教你解决