Sencha Architect共同開発

6171 ワード

Sencha Architect  html 5 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によって生成されたコードである.