前端UI开发

Question

我有基于jQuery的主题，下面有项目结构，但我不明白用哪个工具来创建这个文件夹结构。我使用Angular2，但这个文件夹结构是不同的。有人可以建议如何使用以下结构创建一个新项目

function onDataBound(arg)
    {
        var grid = $("#grid").data("kendoGrid");
        var gridData = grid.dataSource.view();
        var currentUid, currenRow;

        for (var i = 0; i < gridData.length; i++) {
            console.log(gridData[i].Status);
            currentUid = gridData[i].uid;
            if (gridData[i].ContactTitle == "Owner") {
                currenRow = grid.table.find("tr[data-uid='" + currentUid + "']");
                $(currenRow).addClass("ClassDeleted");
                currenRow = grid.lockedTable.find("tr[data-uid='" + currentUid + "']");
                $(currenRow).addClass("ClassDeleted");
            }
            else if (gridData[i].ContactTitle == "Sales Representative") {
                var currenRow = grid.table.find("tr[data-uid='" + currentUid + "']");
                $(currenRow).addClass("ClassPublished");
                currenRow = grid.lockedTable.find("tr[data-uid='" + currentUid + "']");
                $(currenRow).addClass("ClassPublished");
            }

            else if (gridData[i].ContactTitle == "Marketing Manager") {
                var currenRow = grid.table.find("tr[data-uid='" + currentUid + "']");
                $(currenRow).addClass("ClassSaved");
            }

            else if (gridData[i].ContactTitle == "Draft") {
                var currenRow = grid.table.find("tr[data-uid='" + currentUid + "']");
                $(currenRow).addClass("ClassSaved");
            }
            else if (gridData[i].ContactTitle == "Accounting Manager") {
                var currenRow = grid.table.find("tr[data-uid='" + currentUid + "']");
                $(currenRow).addClass("ClassCompleted");
            }
        }
    }