项目简介

此项目基于@ibizlab/template 封装开发，使用 handlerbas.js 引擎对 Ibiz 平台生成的模型进行解析，同时结合基础文件，共同构建生成基于 Vite + Vue + Typescript 的 Vue3 项目。

使用

1、使用提供的 package.json 内容，在指定的文件夹下执行yarn install安装依赖

2、修改 package.json 中的脚本，指向本地的模型路径地址

1"generate": "template generate -m D:/Project/DemoSys/demo-boot/src/main/resources/static/remotemodel -o ./ --app Web --dev",

3、执行脚本yarn code，生成项目代码

4、修改代理地址，通过yarn dev启动项目

二次开发

如果需要对当前项目中的发布逻辑进行调整，或增加特殊的发布文件，则用户可以本地构建 template 目录，在其中放置模板文件(.hbs)，同时修改 package.json 中的 generate 脚本，增加[-t <模板地址>]选项

1"generate": "template generate -m D:/Project/DemoSys/demo-boot/src/main/resources/static/remotemodel -t ./template -o ./ --app Web --dev",

备注

package.json 内容

1{
2	"name": "web",
3	"private": true,
4	"version": "0.0.0",
5	"type": "module",
6	"scripts": {
7		"copy": "node copy.cjs",
8		"lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --fix",
9		"format": "prettier --write ./*.{ts,js,cjs} ./**/*.{vue,ts,json} ./src/**/**/*.{vue,ts} ./src/**/**/**/*.{vue,ts}",
10		"dev": "npm run copy && vite --mode development",
11		"build": "npm run copy && vue-tsc --noEmit && vite build",
12		"preview": "vite preview",
13		"fix-memory-limit": "cross-env LIMIT=8102 increase-memory-limit",
14		"generate": "template generate -m ../model -o ./ --app Web --dev",
15		"code": "yarn && npm run generate && npm run format",
16		"test": "vitest",
17		"coverage": "vitest run --coverage"
18	},
19	"dependencies": {
20		"@amap/amap-jsapi-loader": "^1.0.1",
21		"@ant-design/colors": "^6.0.0",
22		"@ant-design/icons-vue": "^6.1.0",
23		"@fullcalendar/core": "^5.11.2",
24		"@fullcalendar/daygrid": "^5.11.2",
25		"@fullcalendar/interaction": "^5.11.2",
26		"@fullcalendar/list": "^5.11.2",
27		"@fullcalendar/timegrid": "^5.11.2",
28		"@fullcalendar/vue3": "^5.11.2",
29		"@kangc/v-md-editor": "^2.3.15",
30		"@types/lodash": "^4.14.186",
31		"@vue/shared": "^3.2.33",
32		"ant-design-vue": "^3.2.12",
33		"axios": "^0.26.1",
34		"date-fns": "^2.29.3",
35		"dexie": "^3.2.2",
36		"echarts": "5.0.2",
37		"file-saver": "2.0.5",
38		"font-awesome": "^4.7.0",
39		"lodash": "^4.17.21",
40		"mavon-editor": "^2.9.1",
41		"pinia": "2.0.22",
42		"qs": "6.11.0",
43		"qx-util": "0.4.1",
44		"ramda": "^0.28.0",
45		"vue-amap": "^0.5.10",
46		"tinymce": "5.7.1",
47		"vue": "^3.2.37",
48		"vue-i18n": "^9.2.2",
49		"vue-router": "^4.0.14",
50		"vuedraggable": "^4.1.0",
51        "luckyexcel": "^1.0.1",
52        "@element-plus/icons-vue": "^2.0.0",
53        "@grapecity/spread-excelio": "16.0.4",
54        "@grapecity/spread-sheets": "16.0.4",
55        "@grapecity/spread-sheets-barcode": "16.0.4",
56        "@grapecity/spread-sheets-charts": "16.0.4",
57        "@grapecity/spread-sheets-designer": "16.0.4",
58        "@grapecity/spread-sheets-designer-resources-cn": "16.0.4",
59        "@grapecity/spread-sheets-designer-resources-en": "16.0.4",
60        "@grapecity/spread-sheets-designer-resources-ja": "16.0.4",
61        "@grapecity/spread-sheets-designer-resources-ko": "16.0.4",
62        "@grapecity/spread-sheets-designer-vue": "16.0.4",
63        "@grapecity/spread-sheets-io": "16.0.4",
64        "@grapecity/spread-sheets-languagepackages": "16.0.4",
65        "@grapecity/spread-sheets-pdf": "16.0.4",
66        "@grapecity/spread-sheets-pivot-addon": "16.0.4",
67        "@grapecity/spread-sheets-print": "16.0.4",
68        "@grapecity/spread-sheets-resources-zh": "16.0.4",
69        "@grapecity/spread-sheets-shapes": "16.0.4",
70        "@grapecity/spread-sheets-slicers": "16.0.4",
71        "@grapecity/spread-sheets-tablesheet": "16.0.4",
72        "@grapecity/spread-sheets-vue": "16.0.4",
73        "element-plus": "^2.2.16",
74        "eypp-icons": "^1.0.0",
75        "eypp-ui": "3.1.0",
76        "sql.js": "1.8.0",
77        "pako": "^2.1.0",
78		"xlsx": "0.16.9"
79	},
80	"devDependencies": {
81		"@ibiz-template/vue3": "^1.0.15",
82        "@types/pako": "^2.0.0",
83		"@types/echarts": "^4.9.7",
84		"@types/node": "^17.0.25",
85		"@types/prismjs": "^1.26.0",
86		"@types/qs": "^6.9.7",
87		"@types/ramda": "^0.28.15",
88		"@typescript-eslint/eslint-plugin": "^5.46.0",
89		"@typescript-eslint/parser": "^5.46.0",
90		"@vitejs/plugin-vue": "^3.1.0",
91		"@vitest/coverage-c8": "^0.26.2",
92		"@zougt/vite-plugin-theme-preprocessor": "^1.4.6",
93		"cross-env": "^7.0.3",
94		"eslint": "^8.29.0",
95		"eslint-config-prettier": "^8.5.0",
96		"eslint-plugin-prettier": "^4.2.1",
97		"eslint-plugin-vue": "^9.8.0",
98		"increase-memory-limit": "^1.0.7",
99		"jsdom": "^20.0.3",
100		"cp-file": "9.1.0",
101		"glob": "^8.0.3",
102        "msw": "^0.49.2",
103		"less": "^4.1.2",
104		"prettier": "^2.8.1",
105		"typescript": "^4.6.4",
106		"unplugin-auto-import": "^0.11.2",
107		"unplugin-vue-components": "^0.22.11",
108		"vite": "^3.1.0",
109		"vite-plugin-html": "^2.1.1",
110		"vite-plugin-progress": "^0.0.6",
111		"vitest": "^0.26.2",
112        "@vue/test-utils": "^2.3.1",
113		"vue-tsc": "^1.0.9"
114	}
115}