codegen

代码生成工具，根据模板和模板参数生成文件

安装

使用 npm:

$ npm install -D ys-codegen

使用 yarn:

$ yarn add -D ys-codegen

更新:

$ yarn upgrade ys-codegen --latest

使用

使用方法生成

import { codegen } from "ys-codegen"

let config = __dirname+"/../src/template/AntDVProEdit/default.json" //模板配置文件路径
let template = __dirname+"/../src/template/AntDVProEdit/EditModal.vue" //模板文件路径
const content = codegen(template,config) // 传入参数生成 返回字符串

let file = "/template/Edit.vue" //输出路径
codegenVueFile(template,config,file)  // 生成Vue文件
codegenFile(template,config,file)  // 生成文件 无美化

命令行生成文件

vue美化输出，可能不符合项目的美化规则

node ./bin/codegen.js vue <模板文件路径> <模板数据文件路径> [-o 输出路径] [-f prettier美化参数json路径]

直接输出，不美化

node ./bin/codegen.js file <模板文件路径> <模板数据文件路径> [-o 输出路径] 

// 包目录下
node ./bin/codegen.js vue D:\www\html\vue\ys-codegen\packages\codegen\src\template\AntDVProEdit\EditModal.vue D:\www\html\vue\ys-codegen\packages\codegen\src\template\AntDVProEdit\default.json -o 输出路径

// 项目目录下 
yarn codegen vue D:\www\html\vue\ys-codegen\packages\codegen\src\template\AntDVProEdit\EditModal.vue D:\www\html\vue\ys-codegen\packages\codegen\src\template\AntDVProEdit\default.json -o 输出路径

-o 输出路径 可选参数，不填，默认输出在命令行目录下

模板数据

• AntDVProEdit 点击链接查看模态框编辑页模板参数详细文档
• AntDVProList 点击链接查看模态框列表页模板参数详细文档
• AntDVProPageEdit 点击链接查看路由编辑页模板参数详细文档
• AntDVProPageList 点击链接查看路由编辑页模板参数详细文档
• AntDVProItemModalEdit 模态框方式的列表页，点击编辑再弹出的编辑页
• AntDVProItemModalList 模态框方式的列表页

database

import { database } from "ys-codegen"
console.log('database', database)

数据示例

 [
    {
        "title":"AntDVProEdit", // 模板名称
        "file":'/template/AntDVProEdit/EditModal.vue"', // 模板路径
        "config": "/template/AntDVProEdit/default.config.js", // 配置路径
        "type": "form", // 模板数据类型
        "category": "AntDvProModal" // 模板分组
        "remark": "模态框编辑页模板" // 备注
    }
 ]

注意

每个模板都有对应的配置文件，配置文件JSON结构会有所不同。 js后缀的配置带有注释解释