环境介绍

Sencha Cmd简介

Sencha Cmd是一个跨平台的命令工具，从你的应用程序的新创建到部署入产品中的整个生命周期都提供了许多自动化的执行任务。

兼容性

ExtJs6需要在Sencha Cmd的环境下运行。对于旧版本来说有些低级命令也可以使用。

安装需要

extjs-6.2.0 正式版下载
JRE Sencha Cmd需要Java的运行环境。Sencha Cmd6需要JRE 1.8版本以上的支持。下载
Sencha Cmd 下载

安装确认

JRE
控制台输入java -version看到如下内容则JRE安装成功
Sencha Cmd
控制台输入sencha看到如下内容则Sencha Cmd安装成功

构建程序

原文链接

所需环境

ExtJs 正式版代码
Sencha Cmd

开始构建

在控制框输入以下命令：
sencha -sdk [ExtJs正版代码路径] generate app [appName] [app路径]
如下，该命令就是d:\learning\extjs-6.2.0目录下存放的ExtJs代码，新建工程名为firstAPP，工程路径在d盘的workspace文件夹下。
sencha cmd d:\learning\extjs-6.2.0 generate app firstApp d:\workspace
进入构建完成的工程目录，命令行执行sencha web start可以直接开启服务，通过访问localhost:[端口号，默认会配置为1841]来访问页面。可以通过sencha -port [port] web start在执行的时候定制端口号。

程序结构

使用Sencha Cmd生成的应用程序结果如下：

app —— 包括所有自定义文件和应用程序的文件夹。
app文件夹中包含模型，存储，视图文件夹。
其中还包含Application.js文件，该文件包含应用程序的全局设置，如应用名称，共享储存，模型等。
每一个ExtJs程序都由Application Class开始，这个类通过app.js启动，并可实例化测试。

build —— 当使用Sencha Cmd命令sencha应用程序构建应用程序时，文件夹包含标记页，JavaScript代码和主题。

classic —— ExtJs包含两种类型的工具包：classic和modern。classic文件夹包含桌面浏览器或平板电脑所呈现的视图。

如图所示：

classic下的src与app下的view文件夹相同。所以，app - > view - > main包含ViewController和ViewModel，它将在classic和modern工具包之间共享，而classic - > view - > main包含在桌面和平板电脑中呈现的视图。

ext —— 包含Ext JS 6框架所需的所有文件和文件夹的sdk文件夹。

modern —— 包含移动设备的视图，与classic文件夹目录相同。

overrides —— 包含已经覆盖ExtJs默认行为的所有代码。例如，要覆盖Ajax方法，就需要在overrides中新建一个类，以便Sencha Cmd自动构建。

packages —— 包括可以与Sencha社区共享的本地或第三方软件包，允许你与其他应用程序以及Sencha社区共享功能。

resource —— 包含资源文件，如image，css等。

sass —— ExtJs使用sass文件作为其主题文件。

app.js —— ExtJs的入口。在app.js文件中创建并启动一个Application.js的实例，它也可以用于使用mainView配置来指定容器，以便我们可以使用任何类作为视口。

app.json —— ExtJs使用Microloader加载app.json文件中描述的应用程序资源。这取代了将它们添加到index.html的需要。Sencha Cmd使用app.json构建应用程序。使用app.json，所有应用程序元数据都存在于单个位置。

bootstrap.* —— ExtJs支持使用需要功能的依赖关系管理。这些引导文件包含有关使用依赖关系管理运行应用程序所需的最小CSS和JavaScript代码的信息。

build.xml —— 当执行sencha app build命令时，此文件的配置由Sencha cmd用于构建应用程序。当您要为构建过程添加一些额外的功能时，还可以避免更改./sencha文件夹。

classic.json，modern.json —— classic.json文件包含用于在桌面设备和平板电脑上呈现应用程序的所有视图和其他资源的路径。modern.json文件包含用于移动设备的资源文件的路径。

index.html —— index.html是ExtJs应用程序的根HTML文件。

ExtJs6学习(二)【环境介绍，构建程序】相关推荐

ｊａｖａ学习开发环境的构建
为了在windows7主题包下使用matlab7.1软件,得知要下载最新的java软件,搞了大半天,还是搞不出,事实上,因为java软件本身安装就有问题．并且,反正两个软件都得安装,所以 ,希望一次 ...
神经网络与深度学习——TensorFlow2.0实战(笔记)(二)(开发环境介绍)
开发环境介绍 Python3 1.结构清晰,简单易学 2.丰富的标准库 3.强大的的第三方生态系统 4.开源.开放体系 5.高可扩展性:胶水语言 6.高可扩展性:胶水语言 7.解释型语言,实现复杂算法 ...
软件测试体系学习及构建（1）-软件测试环境介绍
(1)-软件测试环境介绍 1 软件的含义 2 软件的分类 3 软件测试几个概念 3.1 软件测试的含义 3.2 何为测试环境? 3.3 作为测试应具备的知识? 4 冯·诺依曼体系结构 5 数据形式与数 ...
嵌入式linux编程,嵌入式Linux学习笔记 - 嵌入式Linux基础知识和开发环境的构建_Linux编程_Linux公社-Linux系统门户网站...
注:所有内容基于友善之臂Mini2440开发板一.嵌入式Linux开发环境的构建嵌入式开发一般分为三个步骤: 1.编译bootloader,烧到开发板 2.编译嵌入式Linux内核,烧到开发板 3 ...
oracle入门学习（3）所用的学习环境介绍与设置
oracle入门学习(3) 原文见我的QQ空间:http://user.qzone.qq.com/284648964?ptlang=2052 由于原文是写在我的QQ空间,文章转过来的过程中造图片丢失, ...
Maven学习总结(二)——Maven项目构建过程练习
2019独角兽企业重金招聘Python工程师标准>>> Maven学习总结(二)--Maven项目构建过程练习上一篇只是简单介绍了一下maven入门的一些相关知识,这一篇主要是体验 ...
Hadoop学习之整体介绍及环境搭建
Hadoop学习之整体介绍及环境搭建 1 大数据概述 1.1 什么是大数据数据(data)是事实或观察的结果,是对客观事物的逻辑归纳,是用于表示客观事物的未经加工的的原始素材. 大数据:传统处理方 ...
大数据学习之环境构建
欢迎关注[无量测试之道]公众号,回复[领取资源], Python编程学习资源干货. Python+Appium框架APP的UI自动化. Python+Selenium框架Web的UI自动化. Pyth ...
深度强化学习主流算法介绍（二）：DPG系列
之前的文章可以看这里深度强化学习主流算法介绍(一):DQN系列相关论文在这里开始介绍DPG之前,先回顾下DQN系列 DQN直接训练一个Q Network 去估计每个离散动作的Q值,使用时选择Q值 ...
服务器状态监控之二软硬件环境介绍
SCOM与SCVMM 第二章软硬件环境介绍要想实现SCOM的安装,以及实现SCOM与SCVMM(HyperV R2)相结合,需要较好的硬件支持,在此感谢DELL公司提供的DELL R710服务器. ...

ExtJs6学习(二)【环境介绍，构建程序】