sencha toucharchiitect删掉东西后怎么会重新加上

使用新的SenchaCmd4命令appwatch - 系统管理 - 次元立方网 - 电脑知识与技术互动交流平台
使用新的SenchaCmd4命令appwatch
原文:/blog/using-the-new-app-watch-command-in-sencha-cmd-4/
作者:Don Griffin
Don Griffin is a member of the Ext JS core team. He was an Ext JS user for 2 years before joining Sencha and has over 20 years of software engineering experience on a broad range of platforms. His experience includes designing web application front-ends and back-ends, native GUI applications, network protocols and device drivers. Don&s passion is to build world class products that people love to use.
&sencha app watch&命令也许是在Sencha Cmd 4中引入的最大的新功能,该命令可大大简化进行小的修改和查看他们运行几秒后的持续过程。在本篇文章,将介绍app watch命令的基本操作以及如何自定义它的基本行为。
在app watch之前
在之前版本的Sencha Cmd,命令只执行单一的任务并在完成后退出。而日常任务可归结为三个常用的命令,可根据你的需要进行更改:
sencha app refresh:可在添加类、删除类或更改类名后运行。它会通过Ext.Loader来更新bootstrap文件。sencha ant sass:该命令会根据Sass源代码重新生成CSS文件。它可在任何scss文件改变后运行。在Ext JS 4.1种,还可以使用compass watch通过检测文件系统的改变来更新Sass。sencha app build:执行所有生产步骤(如上面的sass步骤)。除了这之外,它还会复制资源文件到build/resources文件夹。如果对资源、Sass或其他东西进行更改,一个完整的生成通常是最好的选择。如果认为这些生成步骤并不是所需的,可通过选项&skip.slice=1&或&skip.sass=1&来设置。
由于在Ext JS 4.2和主题包的引入,compass watch再也理解不了主题的结构,这让sencha ant sass成了生成Sass的唯一选择。但是,sass的生成步骤,会强制执行一个完整生成且比compass watch慢许多倍。
App watch介绍
要满足所有由Sencha Cmd包和主题包提供的灵活性,一个更聪明的compass watch是必需的。即使compass watch可以工作,但也只是工作流的一部分而已。理想的过程是可以管理所有的这些特设步骤并能确保物流是否需要,都能使应用程序的加载做到尽可能的快。
解剖应用程序
为了了解应用程序是如何工作的,将应用程序分解为基本部件非常有用:Javascript、样式(Sass)和资源(类似图片之类的东西)。Sencha框架(Ext JS和Sencha Touch)包含了相同的为主题所做的混合物。在Sencha Cmd,这种重复结构(Javascript、Sass、资源)被封装为包。
生成过程会从框架、所选择的主题(包括基本主题)和其他所需的包中获取这些片段并将他们与应用程序源代码结合起来编译应用程序。Sencha Cmd会利用这一过程的信息来启用应用程序的开发模式加载。换句话说,生产的副产品之一是,它会从应用程序的源代码获取到支持应用程序加载所需的数据。
(这段比较难理解,我直接给出原文:
he build process takes these pieces from the framework, the selected theme (and its base themes) and any other required packages and combines them with the application sources to produce the compiled application. Sencha Cmd leverages the information from this process to enable &development mode& loading of your application. In other s, one of the by-products of a build is that it gets the data needed to support loading your app directly from its sources.)
监视文件系统
为了能有效的维护这些信息,这里利用了Java 7监视文件系统变化的能力基于这个功能,app watch可以监控以下事情:
应用程序的源代码(app文件夹)应用程序的Sass代码(sass文件夹)应用程序的资源(resources文件夹)主题包的源代码、Sass和资源(src、sass和resources)主题的基本主题的source、Sass和resources文件夹应用程序所要求的所有包的source、Sass和resources(在app.json文件中)其他包(包括主题包)所需的所有包的source、Sass和resources(在package.json文件中)
为了准备好监控所需的东西,app watch启动时会为一个正常生成执行许多相同的步骤。。在生成阶段,所有以上提及的位置都会被关注,然后app watch会暂停而不是终止来监视文件系统的变化。
当文件夹的内容发生改变的时候,app watch会检测到变化并执行一套特别的生产步骤。一旦完成这些步骤,app watch又会暂停并等待更多的文件系统变化。根据不同的机器情况,大多数更改的周转时间大约是5秒(可能更少)。
不监视的文件
当应用程序的内容或所有它所需的包正在被监视的时候,这些东西的配置文件在当前并不会被监视。如果修改了app.json、package.json或不同的sencha.cfg中的一个,就需要停止(CTRL+C)并重新启动app watch。
第一步类似通常的sencha app build,不过在生成完成之后,app watch将会接管并显示&waiting for changes&(等待变化)&
一旦app.js保存后发生改变,app watch就会显示&triggering build&(触发生成)&
区别在于,该&生产&会完成进入待发状态,并只需要几秒钟。完成后,又会看到&waiting for changes&&信息并继续循环。
app watch内部一瞥
App watch的机制大部分是在创建的生成脚本中实现的。这意味着可以自定义这些步骤。虽然所采取的具体步骤Ext JS应用程序和Sencha Touch应用程序会有所不同,但基本结构是一样的。要查看更详细的信息,可以查看由主生成脚本&build.xml&导入的.sencha/app/watch-impl.xml文件。如果想了解更多有关生成脚本的信息,可参阅Sencha Cmd文档。
延伸阅读:
首先查看vip在各个节点的状态[root@rac2~] ifconfig...
本教程为 李华明 编著的iOS-Cocos2d游戏开发系列教程:教程涵盖关于i......
专题主要学习DirectX的初级编程入门学习,对Directx11的入门及初学者有......
&面向对象的JavaScript&这一说法多少有些冗余,因为JavaScript 语言本......
Windows7系统专题 无论是升级操作系统、资料备份、加强资料的安全及管......【翻译】使用新的Sencha Cmd 4命令app watch - CSDN博客
【翻译】使用新的Sencha Cmd 4命令app watch
原文:作者:Don Griffin
Don Griffin is a member of the Ext JS core team. He was an Ext JS user for 2 years before joining Sencha and has over 20 years of software engineering experience on a broad range of platforms. His experience includes designing web application front-ends and back-ends, native GUI applications, network protocols and device drivers. Don’s passion is to build world class products that people love to use.“sencha app watch”命令也许是在Sencha Cmd 4中引入的最大的新功能,该命令可大大简化进行小的修改和查看他们运行几秒后的持续过程。在本篇文章,将介绍app watch命令的基本操作以及如何自定义它的基本行为。在app watch之前在之前版本的Sencha Cmd,命令只执行单一的任务并在完成后退出。而日常任务可归结为三个常用的命令,可根据你的需要进行更改:sencha app refresh:可在添加类、删除类或更改类名后运行。它会通过Ext.Loader来更新bootstrap文件。sencha ant sass:该命令会根据Sass源代码重新生成CSS文件。它可在任何scss文件改变后运行。在Ext JS 4.1种,还可以使用compass watch通过检测文件系统的改变来更新Sass。sencha app build:执行所有生产步骤(如上面的sass步骤)。除了这之外,它还会复制资源文件到build/resources文件夹。如果对资源、Sass或其他东西进行更改,一个完整的生成通常是最好的选择。如果认为这些生成步骤并不是所需的,可通过选项“skip.slice=1”或“skip.sass=1”来设置。由于在Ext JS 4.2和主题包的引入,compass watch再也理解不了主题的结构,这让sencha& ant sass成了生成Sass的唯一选择。但是,sass的生成步骤,会强制执行一个完整生成且比compass watch慢许多倍。App watch介绍要满足所有由Sencha Cmd包和主题包提供的灵活性,一个更聪明的compass watch是必需的。即使compass watch可以工作,但也只是工作流的一部分而已。理想的过程是可以管理所有的这些特设步骤并能确保物流是否需要,都能使应用程序的加载做到尽可能的快。解剖应用程序为了了解应用程序是如何工作的,将应用程序分解为基本部件非常有用:Javascript、样式(Sass)和资源(类似图片之类的东西)。Sencha框架(Ext JS和Sencha Touch)包含了相同的为主题所做的混合物。在Sencha Cmd,这种重复结构(Javascript、Sass、资源)被封装为包。生成过程会从框架、所选择的主题(包括基本主题)和其他所需的包中获取这些片段并将他们与应用程序源代码结合起来编译应用程序。Sencha Cmd会利用这一过程的信息来启用应用程序的开发模式加载。换句话说,生产的副产品之一是,它会从应用程序的源代码获取到支持应用程序加载所需的数据。(这段比较难理解,我直接给出原文:he build process takes these pieces from the framework, the selected theme (and its base themes) and any other required packages and combines them with the application sources to produce the compiled application. Sencha Cmd leverages the information from this process to enable “development mode” loading of your application. In other words, one of the by-products of a build is that it gets the data needed to support loading your app directly from its sources.)监视文件系统为了能有效的维护这些信息,这里利用了Java 7监视文件系统变化的能力基于这个功能,app watch可以监控以下事情:应用程序的源代码(app文件夹)应用程序的Sass代码(sass文件夹)应用程序的资源(resources文件夹)主题包的源代码、Sass和资源(src、sass和resources)主题的基本主题的source、Sass和resources文件夹应用程序所要求的所有包的source、Sass和resources(在app.json文件中)其他包(包括主题包)所需的所有包的source、Sass和resources(在package.json文件中)为了准备好监控所需的东西,app watch启动时会为一个正常生成执行许多相同的步骤。。在生成阶段,所有以上提及的位置都会被关注,然后app watch会暂停而不是终止来监视文件系统的变化。当文件夹的内容发生改变的时候,app watch会检测到变化并执行一套特别的生产步骤。一旦完成这些步骤,app watch又会暂停并等待更多的文件系统变化。根据不同的机器情况,大多数更改的周转时间大约是5秒(可能更少)。不监视的文件当应用程序的内容或所有它所需的包正在被监视的时候,这些东西的配置文件在当前并不会被监视。如果修改了app.json、package.json或不同的sencha.cfg中的一个,就需要停止(CTRL+C)并重新启动app watch。第一步类似通常的sencha app build,不过在生成完成之后,app watch将会接管并显示“waiting for changes…(等待变化)”一旦app.js保存后发生改变,app watch就会显示“triggering build…(触发生成)”区别在于,该“生产”会完成进入待发状态,并只需要几秒钟。完成后,又会看到“waiting for changes…”信息并继续循环。app watch内部一瞥App watch的机制大部分是在创建的生成脚本中实现的。这意味着可以自定义这些步骤。虽然所采取的具体步骤Ext JS应用程序和Sencha Touch应用程序会有所不同,但基本结构是一样的。要查看更详细的信息,可以查看由主生成脚本“build.xml”导入的.sencha/app/watch-impl.xml文件。如果想了解更多有关生成脚本的信息,可参阅Sencha Cmd文档。
本文已收录于以下专栏:
相关文章推荐
Sencha Cmd 下载地址:/cmd/3.1.1.274/SenchaCmd-3.1.1.274-windows.exe.zip
一、sencha generate:自动生成项目或者代码
 1、sencha generate app 项目名称 生成路径 :生成一个新的extjs项目
 注明:以上命令会从官网下载试用版本的ex...
原文链接: http://blog.csdn.net/lovelyelfpop/article/details/英文原文:《Announcing Ext JS 6.5 and Senc...
我们代表整个Sencha团队,很高兴地宣布发布Ext JS 6.5.1和Sencha Cmd 6.5.1。这些版本专注于客户提出的的增强请求以及解决社区报告的一些问题。这些增强功能主要用于Modern...
这么多年来,Web开发人员都被告知应优化他们生产环境的代码。传统的方法是将应用程序的所有脚步进行压缩以减少应用程序的大小,以便让应用程序加载更快。而Sencha Cmd这么多年以来已经将这个过程自动化...
参考资料:
/qqloving/archive//3043606.html
http://www.admin10000.co...
1.使用以下命令来创建一个extjs项目。sencha -sdk /path/to/ext6 generate app MyApp /path/to/my-app-sdk指定上一篇文章中extjs的s...
Using Sencha Cmd with Ext JS 6(原文)
sencha cmd是用来创建,构建ExtJS 程序的工具。准备您需要安装好sencha cmd命令行工具。创建应用程序senc...
一、下载和安装Sencha Cmd
下载地址:/products/sencha-cmd/download/
根据个人不同的电脑下载不同版本,如图所示:
他的最新文章
讲师:何宇健
讲师:董岩
您举报文章:
举报原因:
原文地址:
原因补充:
(最多只允许输入30个字)Sencha_百度百科
声明:百科词条人人可编辑,词条创建和修改均免费,绝不存在官方及代理商付费代编,请勿上当受骗。
Sencha是由Ext JS、 以及 Raphael 三个项目合并而成的一个开源项目。Sencha Touch 是全球领先的框架,其设计旨在充分利用HTML5、CSS3 和Javascript 来实现最高级别的功能、灵活性和优化。Sencha Touch 是针对下一代具有触摸屏设备的跨平台框架。
SenchaSencha介绍
Sencha是由ExtJS、 以及 Raphael 三个项目合并而成的一个开源项目。
SenchaSencha Touch
Sencha Touch 是全球领先的框架,其设计旨在充分
利用HTML5、CSS3 和Javascript 来实现最高级别的功能、灵活性和优化。Sencha Touch 是针对下一代具有触摸屏设备的跨平台框架。
该程序现在与Apple iOS 3+、android 2.1+ 和 BlackBerry 6+ 设备兼容。这些设备代表了当前美国超过95%的移动通信量。Sencha Touch 自带功能极其强大的数据包。
Sencha应用程序
它是针对企业级移动应用程序开发的完美解决方案。Sencha Touch 这款应用程序利用严格的代码标准和经典的遗留模型创建而成,可供小型或大型团队轻松简便地使用。而且由于其输出完全基于 web,您可以在您自己的团队中部署您的应用程序,不必等候本地市场的批准或验收。
Sencha移动设备
Sencha Touch 可以在最流行的移动设备(代表了超过90%的智能手机市场)上运行,包括 BlackBerry OS 6、android 和 Apple iOS。
SenchaSencha 特性
1.基于最新的WEB标准 – HTML5,CSS3,JavaScript。整个库在压缩和gzip后大约80KB,通过禁用一些组件还会使它更小。
2.支持世界上最好的设备。Beta版兼容Android和iOS,Android上的开发人员还可以使用一些专为Android定制的主题。
3.增强的触摸事件。在touchstart、touchend等标准事件基础上,增加了一组自定义事件,如tap、swipe、pinch、rotate等。
4.数据集成。提供了强大的数据包,通过Ajax、JSONp、等方式绑定到组件模板,写入本地离线存储。

我要回帖

更多关于 sencha 的文章

 

随机推荐