# ibiz-mob-vue3

**Repository Path**: iBizModeling/ibiz-mob-vue3

## Basic Information

- **Project Name**: ibiz-mob-vue3
- **Description**: 移动端模板vue3，用于组装全代码
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2023-03-15
- **Last Updated**: 2024-02-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目简介

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

## 使用

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

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

```json
"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 <模板地址>]`选项

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

## 备注

package.json 内容

```json
{
	"name": "Mob",
	"private": true,
	"version": "0.0.0",
	"type": "module",
	"scripts": {
		"copy": "node copy.cjs",
		"lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --fix",
		"format": "prettier --write ./src/**/**/*.{vue,ts} ./src/**/**/**/*.{vue,ts}",
		"dev": "npm run copy && vite --mode development",
		"build": "npm run copy && vue-tsc --noEmit && vite build",
		"preview": "vite preview",
		"fix-memory-limit": "cross-env LIMIT=8102 increase-memory-limit",
		"generate": "template generate -m E:/work/Git/op/DemoSys/demo-core/src/main/resources/static/model/cn/ibizlab -o ./ --app Mob --dev",
		"code": "yarn && npm run generate && npm run format",
		"test:unit": "vitest",
		"test:e2e": "cypress open",
		"coverage:unit": "vitest run --coverage --watch false"
	},
	"dependencies": {
    "@types/lodash": "^4.14.186",
    "@vue/shared": "^3.2.33",
    "async-validator": "^4.0.0",
    "axios": "^0.26.1",
    "date-fns": "^2.29.3",
    "dexie": "^3.2.2",
    "echarts": "5.0.2",
    "font-awesome": "^4.7.0",
    "lodash": "^4.17.21",
    "moment": "^2.29.1",
    "pinia": "2.0.22",
    "qs": "6.11.0",
    "qx-util": "0.4.1",
    "ramda": "^0.28.0",
    "vant": "^4.0.0-rc.6",
    "vue": "^3.2.40",
    "vue-class-component": "^8.0.0-0",
    "vue-class-setup": "^1.3.7",
    "vue-i18n": "^9.2.2",
    "vue-qr": "^2.2.1",
    "vue-router": "^4.1.5",
    "vue3-hash-calendar": "^1.1.1"
	},
	"devDependencies": {
    "@types/echarts": "^4.9.7",
    "@types/node": "^18.8.2",
    "@types/qs": "^6.9.7",
    "@types/ramda": "^0.28.15",
    "@vitejs/plugin-vue": "^3.1.2",
    "@vue/compiler-sfc": "3.2.40",
    "less": "^4.1.2",
    "prettier": "^2.7.1",
    "glob": "^8.0.3",
    "cp-file": "9.1.0",
    "typescript": "^4.8.4",
    "unplugin-auto-import": "^0.11.2",
    "unplugin-vue-components": "^0.22.9",
    "vite": "^3.1.6",
    "vue-tsc": "^0.40.13"
	}
}

```