Sencha Architect 号称html5 web app的终极开发IDE.如果您不了解sencha touch是什么请跳过此文。
architect开发web app确实非常快速,现在我们团队都使用这个IDE来构建web app.但是发现architect有一套自己的项目管理结构,不能像之前用eclipse+js插件的形式用svn托管,共享代码。
要实现使用architect协同开发需要管理工程文件夹下*.xds和metadata,.sench目录。当然外部资源文件和文件夹也是要使用到的。
通过修改metadata目录下相应文件的内容就可以将修改同步到IDE中。
metadata目录下的文件都不带文件类型,其实也只是文本文件,用记事本或者其他文本编辑器打开。样式如:
{ "type": "Ext.Panel", "reference": { "name": "items", "type": "array" }, "codeClass": null, "userConfig": { "cls": [ "yd-background" ], "designer|userAlias": "AppDoor", "designer|userClassName": "AppDoor", "itemId": "appDoor", "layout": "fit" }, "designerId": "c6d2d73f-522c-47f7-8a52-8819d96ddf0e", "cn": [ { "type": "Ext.Panel", "reference": { "name": "items", "type": "array" }, "codeClass": null, "userConfig": { "cls": [ "yd-background" ], "itemId": "loginPanel", "style": null }, "designerId": "aa913960-da6f-441a-8054-e5ccde7987c4", "cn": [ { "type": "Ext.Button", "reference": { "name": "items", "type": "array" }, "codeClass": null, "userConfig": { "border": 0, "cls": [ "yd-button-background" ], "iconCls": null, "itemId": "showLoginButton", "margin": 20, "padding": 20, "style": null, "text": "登录" }, "designerId": "165fcac7-2a2f-4427-9de6-8bb50444905b" }, { "type": "Ext.Button", "reference": { "name": "items", "type": "array" }, "codeClass": null, "userConfig": { "border": 0, "cls": [ "yd-buttong-no" ], "iconCls": null, "itemId": "showRegisterButton", "margin": 20, "padding": 20, "style": null, "text": "注册" }, "designerId": "87d07c59-f761-4de5-ab26-d2d9f9d82c05" }, { "type": "Ext.Container", "reference": { "name": "items", "type": "array" }, "codeClass": null, "userConfig": { "container|align": "center", "container|pack": "center", "docked": "bottom", "layout": "hbox", "margin": "0 0 10 0", "padding": 2 }, "designerId": "5f8ea01b-6c39-40dd-a605-a14ba1e4fae4", "cn": [ { "type": "Ext.Label", "reference": { "name": "items", "type": "array" }, "codeClass": null, "userConfig": { "docked": null, "html": "<span style=\"align:center;\">有点意思科技有限公司旗下产品</span>", "layout|flex": null, "padding": 2 }, "designerId": "2f18f96d-fd18-40d3-b5af-ef4304d9046c" } ] } ] } ] }
metadata目录下的文件才是正真意义上的源文件,而app目录下是由architect生成的代码。
相关推荐
SenchaArchitect 4(5-4)
Sencha Architect 3 注册码Sencha Architect 3 注册码Sencha Architect 3 注册码Sencha Architect 3 注册码Sencha Architect 3 注册码Sencha Architect 3 注册码
Sencha Architect是一款强大的可视化开发工具,专为构建基于Ext JS和Sencha Touch的富客户端应用程序而设计。在本教程中,我们将深入探讨如何使用Sencha Architect 2.2.2版本进行基本操作,并通过实际案例——创建一...
Sencha Architect支持多种框架和技术栈,如Ext JS、GXT等,旨在提高前端开发效率,简化复杂的UI开发过程。 ### 主要功能 #### 1. 可视化编辑器 Sencha Architect提供了一个直观的拖拽式编辑器,使得开发者能够轻松...
Sencha Architect2.2.1破解版,支持EXTJS4.2
开发好应用后,开发者就可以通过Sencha Architect 2打包应用以部署到Web上或是发布到原生的应用商店中。 Sencha Architect 2的主要特性如下所示: 通过拖拽组件来创建富用户界面并连接到后端的数据源。 支持通过...
Sencha Architect 2.2.2 是一个强大的可视化应用程序构建工具,主要用于基于Sencha Touch 2构建移动应用,以及使用ExtJS 4构建桌面应用。由于这类教程稀缺,本入门操作图解教程显得尤为珍贵。以下将详细讲解教程中的...
在开发过程中,Sencha Architect简化了前端开发流程,它支持实时预览,允许开发者在修改后立即看到应用的变化,提高了开发效率。此外,它还集成了版本控制,方便团队协作,同时支持多种设备和屏幕尺寸的布局设计,以...
SenchaArchitect 2(5-2)
Sencha Architect2.0 最新IDE 开发Sencha Touch
Sencha Architect 2.X是一款强大的可视化工具,专为构建基于ExtJS 4的富客户端Web应用程序而设计。这款工具允许开发者通过拖放组件和配置属性的方式,快速搭建用户界面,大大提高了开发效率。"Sencha Architect 2.X...
Sencha Architect 2是个可视化的应用构建器,它使用Sencha Touch 2来构建移动应用,使用ExtJS 4来构建桌面应用。 Sencha Architect 2构建在该公司的HTML5布局工具Ext Designer之上,并扩展了其功能以为桌面与移动Web...
1、运行RunAsDate,点击browse按钮选中Sencha Architect.exe文件 2、Create Desktop Shortcut=>右侧输入快捷方式名 3、点击Run按钮 以后使用生成的快捷方式进入软件即可(破解成功还是会显示试用版,但是试用时间不变)...
SenchaArchitect-4.2.6 最新官方资源下载 附件是百度云链接,失效了可以告诉我重新发
好不容易找来的Sencha Architect 2.0的破解文件,破解Sencha Architect 2.0,可无限期试用。 测试完全可用,在这里分享给CSDN的学习EXTJS的朋友们。
Sencha Architect 4.0.part02.rar
Sencha Architect 3.0.4 是一个强大的前端开发集成环境,专为构建基于Web的、采用Sencha框架的应用程序而设计。这个绿色版意味着它是一个便携式版本,无需安装即可直接运行,方便用户在不同设备上进行开发工作。 ...
非常好用的EXTjs开发平台,SenchaArchitect-2.1.0官方正式版
Sencha Architect 2.x无限次使用教程 Sencha Architect 2是ExtJS和Sencha Touch的官方可视化IDE工具。最新版本是2.2,说是破解,其实是修改License来实现无限试用而已
SenchaArchitect ExtJS 图形化 编辑工具