创建通用列表页面的脚手架

一键式生成前端页面
支持数据请求
支持node端内容写入
支持自定义文件模板（后期）
支持文件自动写入定义路径

用法

1.项目根目录安装依赖

npm install web-material-page -D

1.项目根目录配置文件 template.config.js

module.exports = function(pageName) {
    return [{
        "base": "/client/src/apps/present",
        "alias": "present",
        "apiSrc": "api",
        "filesConfig": [{
            "fileBaseModule": "pages",
            "fileDirName": "index.js",
            "contentSrc": "pages"
        }, {
            "fileBaseModule": "pages",
            "fileDirName": "EditModal/index.js",
            "contentSrc": "pages/EditModal"
        }, {
            "fileBaseModule": "pages",
            "fileDirName": "SearchForm/index.js",
            "contentSrc": "pages/SearchForm"
        }, {
            "fileBaseModule": "pages",
            "fileDirName": "TableList/index.js",
            "contentSrc": "pages/TableList"
        }, {
            "fileBaseModule": "models",
            "fileDirName": "index.js",
            "contentSrc": "models"
        }, {
            "fileBaseModule": "services",
            "fileDirName": "index.js",
            "contentSrc": "services"
        }, {
            "fileBaseModule": "router",
            "fileDirName": 'index.js',
            "contentSrc": "router"
        }]
    }, {
        "base": "server/src",
        "filesConfig": [{
            "fileBaseModule": "/actions/api",
            "fileDirName": `get${pageName}Data.ts`,
            "contentSrc": "actions"
        }, {
            "type": 'noCustomDir',
            "fileBaseModule": "apis",
            "fileDirName": `${pageName}.ts`,
            "contentSrc": "apis"
        }]
    }]
}

命令

cm create <pageName>

1. alias 为内部别名的替换，不同项目别名的替换
2. apiSrc 为内部 api 的前缀路径
3. base 为每个项目创建文件的根目录路径
4. filesConfig 为 base 根目录下，创建那些文件