Sencha Architect协同开发

最新推荐文章于 2025-06-20 12:21:31 发布

最新推荐文章于 2025-06-20 12:21:31 发布 · 366 阅读

文章标签：

#Sencha Architect #sencha touch

html5开发框架专栏收录该内容

3 篇文章

订阅专栏

本文介绍了 Sencha Architect，一种用于快速构建 HTML5 Web App 的集成开发环境。它提供了一套独特的项目管理结构，不同于传统的 Eclipse 和 JS 插件方式。文章详细解释了如何在 Architect 中进行协同开发，包括管理特定目录和文件以实现代码同步。

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生成的代码。